Chrome 控制台行为中的双美元 $$() 与美元符号 $()

Question

在我们的项目中，当一个美元符号在 Chrome 控制台中使用 $() 与两个美元符号 $$() 时，会有不同的功能，除了已知的区别是 $$() 返回一个数组一个 $() 返回第一个元素。

例如，特定元素的选择器，一美元和两美元的查询：

$$(".my-class[my-attribute='trump']") //works

$('.my-class[my-attribute=sanders]') //works

$$('.my-class[my-attribute=trump]') //not work

这种行为的来源和解释是什么？

Answer 1

来自Chrome Developer Tools documentation：

选择元素

有一些选择元素的快捷方式。与键入标准对应项相比，这些可以为您节省宝贵的时间。

$() 返回匹配指定 CSS 选择器的第一个元素。 它是 document.querySelector() 的快捷方式。

$$() 返回一个数组 匹配指定 CSS 选择器的所有元素。这是一 document.querySelectorAll() 的别名

$x() 返回一个数组 与指定 XPath 匹配的元素。

当您使用querySelector（或$）时，结果是一个元素或null。当您使用$$ 时，结果不是一个元素，而是一个Array，可以轻松迭代。这与原生的 querySelectorAll 不同，它返回一个 NodeList，这稍微难以遍历所有条目。

关于报价：当然它的工作原理是一样的。见：

结论：引用trump是没用的。你也可能会发疯。