我在没有jQuery(或其他任何使用$符号作为快捷方式的库)的页面上使用谷歌浏览器的开发人员工具。当我$通过控制台检查时(只需将其键入并按回车键),我得到了:
$
$ function () { [native code] }
因此,chrome具有可以由引用的某些本机功能$。只有Chrome似乎拥有这一功能,我无法通过window['$']或通过document['$']或访问它this['$']。
window['$']
document['$']
this['$']
我无法找出此功能是什么。您知道它的作用,也许对此有一些背景信息?提前致谢!
甚至从去年开始,情况就再次发生了变化。
devtools控制台提供$了别名document.querySelector以及其他许多功能;这是节录清单:
document.querySelector
* $(selector)使用指定的CSS选择器返回对第一个DOM元素的引用。该函数是该函数的别名document.querySelector()。 * $$(selector)返回与给定CSS选择器匹配的元素数组。此命令等效于document.querySelectorAll()。 * $_ 返回最近求值的表达式的值。 * 的$0,$1,$2,$3和$4命令的工作作为一个历史参考元素面板或在过去五年的JavaScript堆内检查在分析面板对象中选择的最后五个DOM元素。
$(selector)
document.querySelector()
$$(selector)
document.querySelectorAll()
$_
$0
$1
$2
$3
$4
…以及其他一些
请注意,它如何调用$的别名document.querySelector,但说它$$与call等效document.querySelectorAll。似乎都不是真的。$ === document.querySelector是false,并$$返回一个 数组 ,而不是一个NodeList。
$$
document.querySelectorAll
$ === document.querySelector
false
NodeList