Google Chrome のデベロッパー ツールで要素を選択すると、==$0選択した要素の横に が表示されます。これはどういう意味ですか?
ベストアンサー1
これは最後に選択された DOM ノード インデックスです。Chrome は、選択した各 DOM ノードにインデックスを割り当てます。したがって、 は$0常に最後に選択したノードを指し、 は$1その前に選択したノードを指します。これは、最近選択したノードのスタックのようなものだと考えてください。
例として、次のことを考えてみましょう。
<div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>
ここで、devtools コンソールを開いて を選択すると、#sunday上記の順序で次のような ID が取得されます。#monday#tuesday
$0 -> <div id="tuesday"></div>
$1 -> <div id="monday"></div>
$2 -> <div id="sunday"></div>
注:スクリプト (またはコンソール) でノードが選択可能であることを知っておくと便利です。たとえば、これの一般的な使用法の 1 つは Angular 要素セレクターです。そのため、ノードを選択して、次のコマンドを実行するだけです。
angular.element($0).scope()
これで、コンソール経由でノード スコープにアクセスできるようになりました。