Chrome 開発者コンソールの $ 変数は何を表しますか?

Chrome で $ によって参照されるネイティブ関数

Google Chrome の開発者ツールでは、$ 変数はコンソールからのみアクセスできる関数を保持します。さまざまなオブジェクト ($window、$document、$this) を介してアクセスしようとしましたが、その目的は不明のままです。

解決策

Chrome のコンソールでの $ の動作時間の経過とともに進化してきました。現在、これは document.querySelector() のエイリアスとして機能し、CSS セレクターに一致する最初の DOM 要素の選択を可能にします。さらに、コンソールには次のような他のショートカットも用意されています。

• $$(selector): CSS セレクターに一致する要素の配列を返します (document.querySelectorAll() と同等)。
• $_: 最近評価された式の値を返します
• $0 ～ $4: 最近検査された DOM 要素または JavaScript への履歴参照を提供しますヒープ オブジェクト

$ は document.querySelector() のエイリアスですが、$$ は配列を返し、どちらもそれぞれのオブジェクト メソッド (例: $! == document.querySelector()).

以上がChrome 開発者コンソールの $ 変数は何を表しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。