Jak korzystać z jQuery (elementArray)?

Question

ja je skonfigurować na początku skryptu:

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

Indziej w skrypcie, muszę zmienić CSS dla wszystkich 3 elementów w tym samym czasie. Zamiast to zrobić:

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

chcę zrobić coś jak jedna z nich:

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

Jednak jedyną rzeczą, która wydaje się działać jest poprzez odniesienie identyfikatory bezpośrednio, jak to:

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

Wolałbym używać odniesień do elementów zamiast identyfikatorów bezpośrednio, ponieważ mogą one zmieniać się dynamicznie. czy to możliwe?

Answer 1

Zastosowanie .add():

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

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

Answer 2

zapisać wszystkie trzy pamięci podręcznej selektorów w tablicy,

var elements = [grid, lines, background]; 

następnie pętla przez nich, kiedy trzeba:

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

Polecam również prefiksowanie zbuforowanych selektorów za pomocą $, aby było jasne, czym one są. :)

Answer 3

Próbowałem użyć poniższego oświadczenia i uzyskać sukces.

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

ja zorientować, że „elementy DOM owinąć w obiekcie jQuery” oznaczają przedmioty elementów możemy uzyskać za pomocą $().

Mam nadzieję, że ta odpowiedź pomaga.

Answer 4

Działa z elementami, a nie obiektami jQuery. Można użyć .add() metodę jak powiedział lub $([grid[0], lines[0], background[0]])

zobaczyć ten jsfiddle: http://jsfiddle.net/HqurT/1/

(źródło: http://forum.jquery.com/topic/jquery-elementarray-with-filled-elementarray)

mam pokojówka do jsperf: http://jsperf.com/add-vs-elementarray