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 开发者工具文档：

选择元素

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

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

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

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

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

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

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