时间戳

首页 > 解决方案 > 使用两个变量作为选择器来调用函数（jQuery）

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

问题描述

在声明两个变量之后，是否可以一起使用它们来调用 jQuery 中的函数？

喜欢：

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

test1,test1.fadeOut(100);

标签： javascriptjqueryvar

解决方案

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

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

推荐阅读