什么== $ 0（双等于零美元）在Chrome开发者工具中意味着什么？

Question

什么== $ 0（双等于零美元）在Chrome开发者工具中意味着什么？在Google Chrome的开发者工具中，当我选择一个元素时，我会看到 ==$0所选元素的旁边。那是什么意思？

Answer 1

这是最后选择的DOM节点索引。Chrome会为您选择的每个DOM节点分配一个索引。因此，$0将始终指向您选择的最后一个节点，同时$1将指向您之前选择的节点。可以把它想象成一堆最近选择的节点。

例如，请考虑以下内容

<div id="sunday"></div>

<div id="monday"></div>

<div id="tuesday"></div>

现在你打开devtools控制台和选择#sunday，#monday并#tuesday以该顺序排列，您将获得ID，如：

$0 -> <div id="tuesday"></div> 

$1 -> <div id="monday"></div>

$2 -> <div id="sunday"></div>

注意： 知道在脚本（或控制台）中可以选择节点可能很有用，例如，一个常用的用途是角度元素选择器，因此您只需选择节点，然后运行：

angular.element($0).scope()

您可以通过控制台访问节点范围。

Answer 2

我会说这只是在调试时获取html元素引用的简写语法，通常这些方法将通过这些方法执行

document.getElementById , document.getElementsByClassName , document.querySelector

所以点击一个html元素并在控制台中获取一个引用变量（$ 0）是白天节省的大量时间