加入已被選定的

Question

我知道，以避免對DOM樹多次搜索jQuery的元素，這是一個好主意，保存所選元素，以提高性能

var $el = $(".el"); 
$el.show(); 
... 
... 
$el.show(); 
... 
... 
$el.on('click', function(){...}); 

但現在我有幾個項目在變量中分開，我想在其中的一些中有時執行相同的操作，有時對它們進行不同的操作。我當然可以這樣做：

var $button1 = $('.button1'); 
var $button2 = $('.button2'); 
... 
... 
$button1.on('click', doSomething); 
$button2.on('click', doSomethingDifferent); 
... 
... 
$button1.css(newStyles); 
$button2.css(newStyles); 

但是這樣，我的代碼不是非常乾燥。

如果我不跟着他們保存到變量的方法，我的代碼變得更幹，但效率較低

$('.button1').on('click', doSomething); 
$('.button2').on('click', doSomethingDifferent); 
... 
... 
$('.button1, .button2').css(newStyles); 

有沒有辦法有最好的兩個世界？

這裏是什麼，我腦子裏想的一些僞代碼..

var $button1 = $('.button1'); 
var $button2 = $('.button2'); 
var $buttons = $.group($button1, $button2); 
... 
... 
$button1.on('click', doSomething); 
$button2.on('click', doSomethingDifferent); 
... 
... 
$buttons.css(newStyles); 

Answer 1

也許並不奇怪，你用add：

$button1.add($button2).add($button3).doSomething();