jquery选择器通常用于在HTML文档中查找并选取需要操作的元素,但是有时这些元素需要动态地从JavaScript代码中解析变量。这时候我们可以使用一些jquery函数来实现:

var myVariable = "div"; // 我们定义了一个变量myVariable,它的值为"div"$(myVariable).css("color", "red"); // 这里使用了选择器$(myVariable),就相当于选中了$("div")

在上面的代码中,我们定义了一个变量myVariable并赋值为"div"。然后我们使用了jquery中的选择器$(myVariable),就相当于选中了$("div")。接下来,我们对选中的元素进行颜色修改操作,使它们的文字变为红色。

其实这里要注意一下,如果myVariable的值不是合法的选择器,那么$(myVariable)就会返回一个空的jquery对象。

var myVariable = "abc"; // 我们定义了一个变量myVariable,它的值不是合法的选择器$(myVariable).css("color", "red"); // 这里使用了选择器$(myVariable),实际上可以理解成选择了$("")

在上面的代码中,我们定义了一个变量myVariable并赋值为"abc",这显然不是一个合法的选择器。然后我们使用了jquery中的选择器$(myVariable),实际上可以理解成选择了$(""),就是一个空的jquery对象。因此,对这个选择器执行css操作是不会起作用的。

jquery选择器解析变量