jquery - 在表达式中使用多个变量

Question

假设我有:

var varOne = $('#varOne'),
varTwo = $('#varTwo'),
varThree = $('#varThree');

如何在一行中使用所有三个或两个，例如:

(varOne, varTwo, varThree).on('click', function(){
   // code here
})

Answer 1

$.add() :

Create a new jQuery object with elements added to the set of matched elements.

<小时/>

var combinedElements = varOne.add(varTwo).add(varThree);

combinedElements.on("click", function() {

});

或者

var combinedElements = $.fn.add.call(varOne, varTwo, varThree);

combinedElements.on("click", function() {

});

示例:

var varOne = $("#varOne"),
    varTwo = $("#varTwo"),
    varThree = $("#varThree"),
    combinedElements = varOne.add(varTwo).add(varThree);

combinedElements.on('click', function(){
  console.log($(this).html());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="varOne">div1</div>
<div id="varTwo">div2</div>
<div id="varThree">div3</div>