Comment stocker plusieurs sélecteurs jQuery dans une variable javascript?

Évidemment, c'est une bonne idée de stocker des sélecteurs jQuery dans les variables si elles sont utilisées plus d'une fois (et non une bonne idée si vous les utilisez une seule fois).Comment stocker plusieurs sélecteurs jQuery dans une variable javascript?

Ma question est, comment pouvez-vous stocker plusieurs sélecteurs, qui sont utilisés de façon interchangeable, dans une variable. Par exemple, disons que je sélectionne $('#object1, #object2), puis plus tard je sélectionne $ ('# object1'). Comment créer une variable qui peut être combinée avec d'autres variables pour créer plusieurs sélecteurs.

Si je devais l'écrire comme ceci:

var object1 = "#object1"; 
var object2 = "#object2"; 

$(object1 + "," + object2);

Je ne ferais que faisant référence à la chaîne #object1, et non le sélecteur réel.

Alors, comment stocker plusieurs sélecteurs dans des variables, afin qu'ils puissent être utilisés de manière interchangeable?

Source

2011-01-27 Jared

Quel est le problème avec ce code? Je pense que cela fonctionnerait très bien. – kprevas

il stocke juste une chaîne en tant que var, pas le sélecteur réel. – Jared

Pour être précis, le sélecteur * est * la chaîne, alors que vous faites référence à un objet jQuery. –

Le problème n'est pas le selector string, le problème est la requête de l'élément DOM. "Problème" signifie que c'est cher. C'est pourquoi vous ne devriez interroger un élément qu'une seule fois et y stocker une référence.

var object1 = $('#object1'), 
    object2 = $('#object2'); 

object1.some_method();

mise à jour

En ce qui concerne votre commentaire:

jQuery offre la méthode .add()^help qui permet de concaténer des objets jQuery:

object1.add(object2).method();

Source

2011-01-27 15:24:55 jAndy

C'est assez facile à faire, mais comment appliquer 'some_method();' à '# object1' et' # object2'? – Jared

Merci pour la mise à jour, c'est ce qui me manquait! – Jared

Pas tout à fait sûr que je Comprends ce que tu veux dire. Vous voulez stocker les objets jQuery pour ne pas avoir à les rechercher continuellement comme une sorte de cache?

var cache = new Object(); 
cache['#object1'] = $('#object1'); 
cache['#object2'] = $('#object2');

Pour récupérer les valeurs jQuery, vous auriez simplement devez appeler cache['#object1'].

Source

2011-01-27 15:43:41 Neil

Je vous recommande d'utiliser le littéral Object, '{}' pour initialiser un objet plutôt que de créer une nouvelle instance d'Object. Par exemple. 'cache var = {};' Cela s'exécute plus rapidement et enregistre quelques octets. –

Pensé que c'était la même chose. Merci pour le conseil. – Neil

Vous pouvez utiliser .add():

var object1 = $('#object1'), object2 = $('#object2'); 

object1.add(object2).addClass('couple');

Ou,

var multiple = [object1[0], object2[0], ...]; 

$(multiple).addClass('party');

Source

2011-01-27 15:46:12

un sélecteur est une chaîne lorsqu'il est passé à $() fn. renvoie une collection d'éléments correspondant au sélecteur. Donc, il n'y a rien de mal avec ce code.

Votre code peut aussi être écrit,

var object1 = "#object1", 
    object2 = "#object2"; 

$(object1).add(object2).doSomething();

ou il peut encore être optimisée,

var object1 = $('#object1'), 
    object2 = $('#object2'); 

object1.add(object2).doSomething();

où doSomething peut être un plugin jQuery ou jQuery méthode définie.

Source

2011-01-27 15:50:28

Pourquoi n'utilisez-vous pas le moyen facile.

var severalVar = 'h1,h2,h3,h4,h5,h6'; 
$(severalVar).hide()

Source

2012-07-22 16:00:21 user3631047

Comment stocker plusieurs sélecteurs jQuery dans une variable javascript?

Répondre

Questions connexes