Come si usa jQuery (elementArray)?

Question

Mi impostare queste fino all'inizio dello script:

var grid = $('#grid'); 
var lines = $('#lines'); 
var background = $('#background'); 

Altrove nella sceneggiatura, ho bisogno di cambiare il CSS per tutti e 3 gli elementi allo stesso tempo. Piuttosto che fare questo:

grid.css({... 
lines.css({... 
background.css({... 

voglio fare qualcosa di simile a uno di questi:

$(grid, lines, background).css({... 
$([grid, lines, background]).css({... 

Tuttavia, l'unica cosa che sembra funzionare è facendo riferimento gli ID direttamente, in questo modo:

$('#grid, #lines, #background').css({ 

Preferirei utilizzare i riferimenti agli elementi invece degli ID direttamente, poiché possono cambiare dinamicamente. È possibile?

Answer 1

Uso .add():

grid.add(lines).add(background).css({...}); 

Demo: http://jsfiddle.net/mattball/xj5bb/

Answer 2

salvare tutti e tre i selettori cache in un array,

var elements = [grid, lines, background]; 

quindi ciclo attraverso di loro quando è necessario:

elements.each(function(element){ 
    element.css({...}) 
}) 

Suggerirei anche di anteporre i selettori memorizzati nella cache a $ per chiarire cosa sono. :)

Answer 3

Ho provato a utilizzare l'istruzione di seguito e ottenere il successo.

$.each([$('grid'), $('line'), $('background')], function(index) { 
    $(this).*jqueryAPIs(...)*; 
}); 

immagino che "elementi DOM avvolgono in un oggetto jQuery" significa oggetti elementi si ottiene utilizzando $().

Spero che questa risposta sia d'aiuto.

Answer 4

Funziona con elementi, non con oggetti jQuery. È possibile utilizzare il metodo .add() come detto, o $([grid[0], lines[0], background[0]])

vedono questo jsfiddle: http://jsfiddle.net/HqurT/1/

(fonte: http://forum.jquery.com/topic/jquery-elementarray-with-filled-elementarray)

Ho cameriera un jsperf: http://jsperf.com/add-vs-elementarray