Qual è la differenza tra "$ (questo)" e "questo"?

Question

Stavo leggendo il http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery. E si è confuso con l'uso di this in questi 2 segmenti di codice.

 $(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(); 
     }); 
    }); 
    }); 

Quando abbiamo bisogno $(this) e this? E qual è la differenza tra loro? Grazie in anticipo.

Answer 1

this si riferisce all'elemento DOM stesso; $(this) avvolge l'elemento in un oggetto jQuery.

Nel primo esempio, è necessario $(this) perché .append() è un metodo jQuery.

Nel secondo esempio, reset() è un metodo JavaScript, quindi non è necessario alcun wrapper jQuery.

Answer 2

this di per sé è solo un oggetto normale.

$(this) prende this e aggiunge il wrapper jQuery in modo da poter utilizzare i metodi jQuery con l'oggetto.

Answer 3

this fa riferimento a un oggetto DOM. Quindi reset() è una funzione di un oggetto DOM del modulo. append() d'altra parte è un metodo jQuery quindi deve essere chiamato da un oggetto jQuery, da cui il $(this).

Quando si circonda this con $, viene restituito un oggetto jQuery che rappresenta tale oggetto DOM.

Answer 4

Generalmente in jQuery, this sarà un'istanza dell'elemento DOM in questione, e $(this) costruisce un oggetto jQuery intorno this che vi dà i soliti metodi di jQuery come each() e val().

Answer 5

è necessario solo $ (questo) se lo si sta seguendo con una funzione jquery sulla stessa riga di codice.

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

oppure è necessario solo this.