javascript - 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 :

Selecting Elements

There are a few shortcuts for selecting elements. These save you valuable time when compared to typing out their standard counterparts.

$() Returns the first element that matches the specified CSS selector.It is a shortcut for document.querySelector().

$$() Returns an arrayof all the elements that match the specified CSS selector. This is analias for document.querySelectorAll()

$x() Returns an array ofelements that match the specified XPath.

当您使用 querySelector (或 $ )，结果是一个元素或 null .当您使用 $$ ，结果不是一个元素，而是一个 Array 可以很容易地迭代。这与原生 querySelectorAll 不同。它返回 NodeList 遍历所有条目稍微困难一些。
关于报价:当然它的工作原理是一样的。看:

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