Chrome 中的 $ 变量（美元符号）？

Question

我在没有 jQuery 的页面上使用 google chrome 的开发人员工具（或使用 $ 符号作为快捷方式的任何其他库）。当我通过控制台检查 $ 时（只需输入并按回车），我得到了这个：

 $
function () { [native code] }

因此，chrome 有一些本机功能，可以通过 $ 引用。只有 chrome 似乎有这个，我无法通过 window['$'] 或通过 document['$'] 或 this['$'] 访问它。

我无法找出这个功能是什么。您知道它的作用吗？也许对此有一些背景信息？提前致谢！

原文由 Dennis 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

即使从去年开始，情况又发生了变化。

devtools 控制台提供 $ 作为 document.querySelector 的别名，以及 许多其他东西；这是一个摘录列表：

• $(selector) 返回对具有指定 CSS 选择器的第一个 DOM 元素的引用。此函数是 document.querySelector() 函数的别名。
• $$(selector) 返回匹配给定 CSS 选择器的元素数组。此命令等效于调用 document.querySelectorAll() 。
• $_ 返回最近计算的表达式的值。
• The $0 , $1 , $2 , $3 and $4 commands work as a historical reference to the last five在“元素”面板中检查的 DOM 元素或在“配置文件”面板中选择的最后五个 JavaScript 堆对象。

…和其他一些。

Note how it calls $ an alias of document.querySelector , but says $$ is “equivalent” to calling document.querySelectorAll .两者似乎都不是真的。 $ === document.querySelector IS NodeList IS false 和 $$

原文由 T.J. Crowder 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

它是 Chrome 开发人员工具功能之一（因此无法从页面获得）。您可以 在控制台页面上查看它的文档。

它通过选择器获取一个元素。

Firefox 实现了类似的东西

原文由 Quentin 发布，翻译遵循 CC BY-SA 4.0 许可协议