Selecting class with jquery

Question

What’s the difference in selecting the class of these two ways in JQUERY?

One has access to parameters, other not, how it works ?

var valor = $(".classe");
var valorAnime = 'classe';

Take a look at this code :

 (function(){
 let $target =$(".projeto"),
    animeStart = 'projeto-anime',
    offset = $(window).height() * 3/4;

    function animeScroll (){
        let documentTop = $(document).scrollTop();

        $target.each(function(){
            let itemTop = $(this).offset().top;

            if( documentTop > itemTop - offset) {
                $(this).addClass(animeStart);
            } else {
                $(this).removeClass(animeStart);
            }
        }) 
    }

 animeScroll();

 $(document).scroll(function(){
     animeScroll();

 });
 }()); 

Answer 1

The way I see it, when you do

var valor = $(".classe");

you are searching on the page for the object whose class corresponds to classe, when Voce uses this code.

var valorAnime = 'classe';

you are assigning to the variable valorAnime a string whose content is class

EDITED:

well that second code of yours does the following thing;

let $target =$(".projeto"),

holds what has class project

inside the loop he’s making on the objects of $target, after checking on the if he uses the $(this) that nothing else is the object being iterated, and adds to it a class with the command addClass where the class name is anime project

If I’m not mistaken it would work the same way if I did:

            if( documentTop > itemTop - offset) {
                $(this).addClass('projeto-anime');
            } else {
                $(this).removeClass('projeto-anime');
            }

But for modularization reasons, it is better to use it the way you presented it first. I hope I was clear