これは最後に選択された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>
注: ノードがスクリプト(またはコンソール)で選択可能であることを知っておくと便利です。たとえば、これによく使われる用途の1つは角度要素セレクタです。
angular.element($0).scope()
そうすれば、コンソールからノードスコープにアクセスできます。
$ 0は最後に選択された要素またはJavaScriptオブジェクトを返し、$ 1は2番目に最後に選択された要素を返します。
参照してください: コマンドラインAPIリファレンス
デバッグ時にhtml要素を参照するための簡単な構文です。通常、これらの種類のタスクはこれらの方法で実行されます。
document.getElementById , document.getElementsByClassName , document.querySelector
そのため、HTML要素をクリックしてコンソールで参照変数($ 0)を取得すると、日中の時間を大幅に節約できます。