javascript - JQuery选择中的多个属性

Question

我偶然发现了这种形式的选择器。注意引号，它的两个属性。

$('#item1','#item2')

它似乎只返回第一个元素，这与 $('#item1, #item2') 结果不同。我找不到任何关于这到底是做什么的文档。有人可以解释这个或链接到带有示例的文档吗

Answer 1

它称为上下文，它与 相同find()，因此：

$('#item1','#item2')

等于：

$('#item2').find('#item1');

换句话说，它在内部搜索#item2具有 ID 的元素#item1

#item1要选择具有 ID和的两个元素#item2，您可以：

$('#item1, #item2')

注意引号的不同。

Answer 2

Jquery $(param) 中的选择器支持单个字符串参数，然后它拆分参数字符串，然后为选择元素工作..

$('#item1','#item2') //treat first one param

$('#item1,#item2') //treat one param and splits passed string and will select both

Answer 3

您可以指定任意数量的选择器组合成一个结果。
这种多表达式组合器是选择不同元素的有效方法。

多重选择器
multiple-selector-2

var list = $("div,p,span").map(function () {
  return this.tagName;
}).get().join(", ");
$("b").append(document.createTextNode(list));