你如何使用jQuery（elementArray）？

Question

我在腳本的開始設置這些了：

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

在亞洲其他腳本，我需要改變CSS在同一時間的所有3個元素。而不是這樣做：

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

我想這樣做的其中之一：

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

然而，這似乎工作的唯一事情就是通過直接引用的ID，像這樣：

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

我傾向於直接使用對元素的引用而不是ID，因爲它們可能會動態更改。這可能嗎？

Answer 1

使用.add()：

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

演示：http://jsfiddle.net/mattball/xj5bb/

Answer 2

保存所有三個緩存選擇在一個陣列，

var elements = [grid, lines, background]; 

然後通過他們循環，當你需要：

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

我也建議在緩存選擇器前加一個$來清楚它們是什麼。 :)

Answer 3

我試着用下面的語句，並獲得成功。

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

我估計，「DOM元素的jQuery包裹」是指我們通過使用$()得到元素對象。

希望此回答有幫助。

Answer 4

它適用於元素，而不是jQuery對象。 您可以使用.add()方法說， 或$([grid[0], lines[0], background[0]])

看到這樣的jsfiddle： http://jsfiddle.net/HqurT/1/

（來源：http://forum.jquery.com/topic/jquery-elementarray-with-filled-elementarray）

我有女傭jsperf：http://jsperf.com/add-vs-elementarray