Chrome中的$variables?
我正在与没有jQuery的页面(或使用$
符号作为快捷方式的任何其他库)的谷歌浏览器的开发工具。 当我通过控制台检查$
(通过input并敲入),我得到这个:
$ function () { [native code] }
所以,chrome有一些本地函数可以被$
引用。 只有铬似乎有这一个,我不能通过window['$']
也不通过document['$']
或this['$']
。
我无法找出这个function是什么。 你知道它做了什么,也许有一些背景资料呢? 提前致谢!
这是Chrome开发人员工具function之一(所以不能从页面中获得)。 您可以在控制台页面上看到它的文档 (虽然只是说它实现了Firebug控制台命令 )
它通过它的id获得一个元素。
现有的答案已过时, $
不是document.getElementById
或document.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.querySelector
为false
, $$
返回一个数组 ,而不是NodeList
。