Est-il plus rapide de faire référence à des objets jQuery (principalement des objets DOM) par le nom de variable uniquement, ou par $?

Question

Pour faire simple:

Est-ce:

var x = $('#selector-id'); 
x.slideDown(); 

Plus rapide que:

var x = $('#selector-id'); 
$(x).slideDown(); 

Answer 1

La seconde version clone l'objet jQuery ... sans raison réelle, donc oui le premier est à la fois plus rapide et plus efficace (moins gaspilleur).

Answer 2

Le second exemple n'a pas de sens, comme x est déjà un objet jQuery.

Il serait plus logique si vous avez:

var selector_string = '#selector-id'; 
$(selector_string).slideDown(); 

mais ce serait certainement plus lent que la première option que vous aurez accès DOM et de faire un nouvel objet jQuery chaque fois que vous l'utilisez.

Answer 3

Théoriquement, il est plus rapide car il fait moins appel à la fonction. Pratiquement, vous n'écririez jamais la seconde parce que x est déjà un objet jQuery.

Answer 4

rappelez-vous dom acessing juste ralentit votre javascript, plus vous accédez au DOM plus il devient moins efficace.

ci-dessous sont quelques exemples

var _elm= jQuery('.myElement'); 
_elm.DoThis(); 
_elm.DoThat(); 

2 ci-dessus sera plus rapide que écrit ci-dessous 2

jQuery('.myElement').DoThis(); 
jQuery('.myElement').DoThat(); 

// vous pouvez utiliser le profileur de Firebug pour tester.