Использование двух переменных в качестве селекторов для вызова функции (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(), как отмечено в этого ответа :

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();