¿Cuál es la diferencia entre "$ (this)" y "this"?

Question

Estaba leyendo el http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery. Y se confundió con el uso de this en estos 2 segmentos de código.

 $(document).ready(function() { 
     $("#orderedlist").find("li").each(function(i) { 
     $(this).append(" BAM! " + i); 
     }); 
    }); 

    $(document).ready(function() { 
     // use this to reset several forms at once 
     $("#reset").click(function() { 
     $("form").each(function() { 
     this.reset(); 
     }); 
    }); 
    }); 

cuándo necesitamos $(this) y this? ¿Y cuál es la diferencia entre ellos? Gracias por adelantado.

Answer 1

this se refiere al elemento DOM en sí; $(this) envuelve el elemento en un objeto jQuery.

En el primer ejemplo, necesita $(this) porque .append() es un método jQuery.

En el segundo ejemplo, reset() es un método JavaScript, por lo que no se necesita ningún jQuery wrapper.

Answer 2

this por sí solo es un objeto común.

$(this) toma this y agrega el envoltorio jQuery para que pueda usar los métodos jQuery con el objeto.

Answer 3

this se refiere a un objeto DOM. Entonces, reset() es una función de un objeto DOM de formulario. append() por otro lado es un método jQuery, por lo que debe ser invocado por un objeto jQuery, de ahí el $(this).

Cuando rodeas this con $, obtienes un objeto jQuery que representa ese objeto DOM.

Answer 4

En general, en jQuery, this habrá una instancia del elemento DOM en cuestión, y $(this) construye un objeto jQuery alrededor this que le da los métodos habituales de jQuery como each() y val().

Answer 5

solo necesita $ (esto) si lo está siguiendo con una función jquery en la misma línea de código.

ex: $(this).find(...); $(this).val(); etc 

o de lo contrario solo necesita this.