在jQuery中隱藏緩存的對象

Question

我不確定「緩存」對於這個緩存是否正確。也許我應該使用「實例化」。不過，說我要「緩存」幾個對象，以節省一些資源：

var $foo = $("#foo"), 
$bar = $("#bar"); 

現在，如果我想隱藏起來，我可以用一個班輪代替：

$foo.hide(); 
$bar.hide(); 

我認爲這個很簡單（讀：「愚蠢」），但嘿...我不能自己弄清楚...

Answer 1

您還可以使用.add()捲起一堆jQuery對象和選擇的：

$foo.add($bar).add('.someclass').add($other_objects_or_selectors).hide(); 

Answer 2

你可以有多個選擇器在jQuery中用逗號分隔：

$("#foo, #bar").hide(); 

Answer 3

你可以使用這樣的事情：

$.each([$foo, $bar], function(i, v) { 
    v.hide(); 
}); 

Answer 4

如果你這樣做了很多的ID，也許做類似的東西：

items = ['foo', 'bar']; 
cache = {}; 
$.each(items, function(i,key) { 
    cache[key] = $('#' + key); 
    cache[key].hide(); 
}); 

然後稍後訪問'緩存'像cache['foo']。

Answer 5

定義一個類爲所有這些元素，然後由類

$('#foo').addClass('toHide'); 
//Later 
$('.toHide').filter(':visible').hide();