jQuery - 加入jQuery Objects,相当于Multiple Selector

时间:2015-03-10 11:19:05

标签: javascript jquery object

我有这个:

$(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对象吗?谢谢!

1 个答案:

答案 0 :(得分:3)

您可以使用add

如果var1var2包含选择器:

$(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>