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

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

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

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

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

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

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

From Chrome 开发者工具文档 https://developer.chrome.com/devtools/docs/console#selecting-elements:

选择元素

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

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

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

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

当你使用querySelector (or $)，结果是一个元素或null。当你使用$$，结果不是一个元素而是一个Array https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array可以很容易地迭代。这个和原生的不一样querySelectorAll它返回一个NodeList https://developer.mozilla.org/en-US/docs/Web/API/NodeList浏览所有条目有点困难。

关于引用：当然，它的作用是一样的。看：

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