Speichert ein jQuery-Element in einer Variablen, weil das Element bei der Verwendung erneut gesucht wird?

Question

Also, habe ich einige JavaScript/jQuery, die wie folgt aussieht:

var $foo = $('#bar'); 
$foo.hide(); 

Ich habe unter der Annahme aus, dass jQuery auf dem angegebenen Selektor arbeitet und speichert das resultierende DOM-Element zum var $foo ... was, soweit ich sehen kann, wahr ist.

Führt jedoch das Aufrufen von $foo.hide() dazu, dass jQuery das Element #bar erneut sucht?

Answer 1

Nein, es wird nicht darauf verwiesen, wenn $ (elem) aufgerufen wird. Deshalb wird var verwendet, um Referenzen auf Elemente zu speichern. Es empfiehlt sich immer, Verweise auf var zu speichern, damit der nächste Zeitcode verwendet wird, alte Verweise verwendet werden und DOM nicht erneut gesucht werden muss.

//reference 
var a = $('#id'); 

//use 
a.hide(); 

//same reference, use again 
a.show(); 

Answer 2

Von meinem Verständnis, das jQuery-Objekt als var Einstellung, speichert das Objekt, und deshalb wird es nicht die jedes Mal jQuery-Objekt neu erstellen Sie es verwenden müssen somehting auszuführen.

ein paar Artikel über diese, here's the first one I found off google

Ich denke jedoch $('#bar') direkt an document.getElementById (‚bar‘) bezieht sich also nicht viel Gebäude und deshalb ziemlich schnell, aber es ist schneller, wenn Sie eine Reihe von Objekten . $('.class tagType')