使用两个变量作为选择器来调用函数（jQuery）

Question

在声明两个变量之后，是否有可能将它们一起用于在jQuery中调用函数？

喜欢：

var test1 = $('#mytest1');
var test2 = $('#mytest2');

test1,test1.fadeOut(100);

Answer 1

是。您可以在$函数的引号中包含选择器：

$('#mytest1, #mytest2').fadeOut(2000);

#mytest1, #mytest2 {
  width: 50px;
  height: 50px;
  margin: 5px;
  background-color: blue;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="mytest1"></div>
<div id="mytest2"></div>

如果您希望使用已经声明的现有变量，可以使用.add()中指出的this answer：

var test1 = $('#mytest1');
var test2 = $('#mytest2');

$(test1).add(test2).fadeOut(2000);

#mytest1, #mytest2 {
  width: 50px;
  height: 50px;
  margin: 5px;
  background-color: blue;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="mytest1"></div>
<div id="mytest2"></div>

Answer 2

如果您还没有两个变量，只需选择它们。参考。 http://learn.jquery.com/using-jquery-core/selecting-elements/#selecting-elements-with-a-comma-separated-list-of-selectors

$('#mytest1, #mytest2').fadeOut();

如果已经有两个单独的变量，则可以将它们组合在一起。参考。 http://api.jquery.com/add/

test1.add(test2).fadeOut();