如何在 jQuery 选择器中使用 JavaScript 变量？

在开发 web 应用程序时，我们经常需要使用 jQuery 选择器来找到需要使用的 DOM 元素，而有时候我们需要在选择器中使用 JavaScript 变量。本文将介绍如何在 jQuery 选择器中使用 JavaScript 变量。

直接使用变量

如果要在 jQuery 选择器中使用 JavaScript 变量，可以直接将变量放入选择器中。例如，要查找某个 ID 在变量 id 中的元素，可以这样写：

var id = "my_id";
$("#" + id).show();

在这个例子中，我们将字符串 "#" 和变量 id 相拼接，得到了选择器 #my_id。

使用模板字符串

另一种方法是使用 ES6 模板字符串。模板字符串可以让我们在字符串中插入变量，并且可以保留换行符和空格。例如，要找到某个类在变量 className 中的所有元素，可以这样写：

var className = "my_class";
$(`.${className}`).hide();

在这个例子中，我们使用模板字符串 `.${className}` 代替了字符串 ".my_class"。

使用模板字面量

如果你不想使用 ES6 的模板字符串，那么你也可以使用模板字面量。模板字面量是一种在 JavaScript 中创建多行字符串的语法糖。例如，以上的例子可以这样写：

var className = "my_class";
var selector = `.${className}`;
$(selector).hide();

在这个例子中，我们使用模板字面量 `.${className}` 构建了一个字符串，并将其存储在变量 selector 中，然后使用变量 selector 执行选择操作。

总之，使用 JavaScript 变量在 jQuery 选择器中非常容易。你可以直接将变量放入选择器中，也可以使用模板字符串或模板字面量。希望这篇文章对你有所帮助。