Chrome中的$variables?

我正在与没有jQuery的页面(或使用$符号作为快捷方式的任何其他库)的谷歌浏览器的开发工具。 当我通过控制台检查$ (通过input并敲入),我得到这个:

 $ function () { [native code] } 

所以,chrome有一些本地函数可以被$引用。 只有铬似乎有这一个,我不能通过window['$']也不通过document['$']this['$']

我无法找出这个function是什么。 你知道它做了什么,也许有一些背景资料呢? 提前致谢!

这是Chrome开发人员工具function之一(所以不能从页面中获得)。 您可以在控制台页面上看到它的文档 (虽然只是说它实现了Firebug控制台命令 )

它通过它的id获得一个元素。

现有的答案已过时, $不是document.getElementByIddocument.querySelector的别名,而是querySelector的包装。 这个包装器实际上是为元素查询子元素的一个可选的第二个参数。

这个function家族logging在控制台下:select元素 :

select元素

有几个select元素的捷径。 与input标准对应物相比,这样可以节省宝贵的时间。

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

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

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


但是,这些值只是控制台中的默认值。 如果页面通过包含类似jQuery的东西来覆盖,控制台将使用页面本身的值,类似于$('p')将返回一个jQuery对象,而不仅仅是第一个p元素。

现在使用document.querySelector()而不是getElementById() 来判断开发工具的链接 。

https://developers.google.com/chrome-developer-tools/docs/console

这只是快速访问document.getElementById。

在Webkit检查员中有两个select器,与Mootools的一样: $$$

你可以在这里find一些信息

他们在这里是可以帮助你进行debugging的。

即使从去年开始,这个情况再次发生了变化。

devtools控制台提供$作为document.querySelector的别名,以及许多其他的东西 ; 这是一个摘录清单:

  • $(selector)用指定的CSSselect$(selector)返回第一个DOM元素的引用。 这个函数是document.querySelector()函数的别名。
  • $$(selector)返回一个匹配给定CSSselect器的元素数组。 这个命令相当于调用document.querySelectorAll()
  • $_返回最近评估的expression式的值。
  • $0$1$2$3$4命令作为元素面板中检查的最后五个DOM元素或在“configuration”面板中select的最后五个JavaScript堆对象的历史参考。

…和其他一些人。

注意它如何调用$ document.querySelector的别名,但是说$$与调用document.querySelectorAll是“等价的”。 这两者似乎都不是真的。 $ === document.querySelectorfalse$$返回一个数组 ,而不是NodeList