Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chrome中的$Variable?_Javascript_Google Chrome_Google Chrome Devtools_Dollar Sign - Fatal编程技术网

Javascript Chrome中的$Variable?

Javascript Chrome中的$Variable?,javascript,google-chrome,google-chrome-devtools,dollar-sign,Javascript,Google Chrome,Google Chrome Devtools,Dollar Sign,我在一个没有jQuery(或任何其他使用$符号作为快捷方式的库)的页面上使用google chrome的开发工具。 当我通过控制台检查$时(只需输入并按enter键),我得到以下信息: $ function () { [native code] } 因此,chrome有一些本机功能,可以被$引用。似乎只有chrome有这个,我无法通过window['$']或document['$']或this['$']访问它 我无法找出这个函数是什么。你知道它是干什么的吗?也许你有一些关于这方面的背景资料?

我在一个没有jQuery(或任何其他使用
$
符号作为快捷方式的库)的页面上使用google chrome的开发工具。 当我通过控制台检查
$
时(只需输入并按enter键),我得到以下信息:

$
function () { [native code] }
因此,chrome有一些本机功能,可以被
$
引用。似乎只有chrome有这个,我无法通过
window['$']
document['$']
this['$']
访问它

我无法找出这个函数是什么。你知道它是干什么的吗?也许你有一些关于这方面的背景资料?
提前谢谢

Webkit Inspector中有两个选择器,与Mootools中的一个相同:
$
$$

你可以在上面找到一些信息


它们只是在这里帮助您进行调试。

这是Chrome开发人员工具的功能之一(因此无法从页面中获得)。你可以看到

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


它只是对document.getElementById的快速访问。

根据当前的情况判断,它现在使用document.querySelector()而不仅仅是getElementById()

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

该系列功能记录在以下文件中:

选择元素

选择图元有几个快捷方式。与打印标准副本相比,这些文件可以为您节省宝贵的时间

返回与指定CSS选择器匹配的第一个元素。这是一条捷径

返回与指定CSS选择器匹配的所有元素的数组。这是的别名

返回与指定值匹配的元素数组



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

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

devtools控制台提供了
$
作为
文档的别名;以下是摘录的列表:

  • $(选择器)
    使用指定的CSS选择器返回对第一个DOM元素的引用。此函数是
    document.querySelector()函数的别名
  • $$(选择器)
    返回与给定CSS选择器匹配的元素数组。此命令相当于调用
    document.querySelectorAll()
  • $返回最近计算的表达式的值
  • $0
    $1
    $2
    $3
    $4
    命令用作对元素面板中检查的最后五个DOM元素或在配置文件面板中选择的最后五个JavaScript堆对象的历史引用
…还有其他一群人


注意它如何调用
$
文档的别名。querySelector
,但表示
$$
与调用
文档。querySelectorAll
是“等价的”。两者似乎都不是真的
$==document.querySelector
false
,并且
$$
返回一个数组,而不是
节点列表

可以在和处找到信息。什么URL和什么版本的Chrome?我发现一个页面没有使用jQuery,也没有别名
$
(这非常困难),但我没有看到
函数(){[native code]}
。您是否在断点处暂停?@Matt Ball您只需打开
about:blank
,打开控制台并键入
$
,然后按enter键即可。可能的重复项:我同意,但请注意
$==document.getElementById
返回
false
。。。奇怪@aaaidan,这是因为它不按id获取元素,它还支持sizzle样式选择器!(虽然不是用复杂的测试)啊,是的。也许它引用了document.querySelector,那么?链接已经过时了,这些函数现在已经有文档记录了。还请注意,
$()
返回一个
数组
,这与
document.queryselectoral()
不同,后者返回一个
节点列表
。调用
$
文档的“别名”。querySelector
(尽管这似乎不是真的;至少,
$==document.querySelector
假的
)谢谢保持此问题的最新信息对未来的访问者很有用。:)