jQuery - 加入jQuery Objects，相當於Multiple Selector

Question

我有這個：

$(window).load(function(){
   var var1 = $('selector1').find('iframe').contents().find('body').find('selector2')
   var var2 = $('selector3');
   // Some function
   }); //end

我可以這樣做:( somefunction（）不作為函數存在，它可以是任何函數）

$(var1).somefunction(someattributes);
$(var2).somefunction(someattributes);

但是我想做這樣的事情:( jointhisselectorwith（）不作為函數存在，它就是我想要的）

$(var1).jointhisselectorwith(var2).somefunction(someattributes);

可以加入jQuery對象嗎？ 謝謝！

Answer 1

你可以使用add 。

如果var1和var2包含選擇器：

$(var1).add(var2).somefunction(someattributes);

或者它也適用於jQuery實例（這是你擁有的，你根本不需要$(var1)位）：

var j1 = $(var1);
var j2 = $(var2);
j1.add(j2).somefunction(someattributes);

無償的現場例子：

 setTimeout(function() { var var1 = ".foo"; var var2 = ".bar"; $(var1).add(var2).css("color", "green"); setTimeout(function() { var j1 = $(".foo"); var j2 = $(".bar"); j1.add(j2).css("color", "blue"); }, 500); }, 500); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <div class="foo">I'm foo</div> <div class="bar">I'm bar</div> <div class="foo">I'm foo</div> <div class="bar">I'm bar</div> <div class="foo">I'm foo</div> <div class="bar">I'm bar</div>