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

说我有：

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

如何在一行中同时使用所有三个或两个：

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

最佳答案

$.add()：


创建一个新的jQuery对象，将元素添加到匹配的元素集中。

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>