62

jQuery(または$記号をショートカットとして使用する他のライブラリ)のないページでGoogle Chromeの開発者ツールを使用していました。$コンソールで(入力してEnterキーを押すだけで)調べたところ、次のようになりました。

$
function () { [native code] }

そのため、chrome には で参照できるネイティブ関数がいくつかあります$window['$']クロムだけがこれを持っているようで、経由でも経由でもアクセスできませdocument['$']this['$']

この機能が何であるかを見つけることができませんでした。それが何をするか知っていますか、これに関する背景情報を持っていますか? 前もって感謝します!

4

6 に答える 6

28

これは Chrome デベロッパー ツールの機能の 1 つです (ページからは利用できません)。コンソール ページでドキュメントを参照できます。

セレクターで要素を取得します。

Firefoxは同様のものを実装しています

于 2012-08-02T13:35:21.233 に答える
19

既存の回答は時代遅れであり、または$のエイリアスではなく、のラッパーです。このラッパーは、実際には、子を照会する要素のオプションの 2 番目の引数を取ります。document.getElementByIddocument.querySelectorquerySelector

この一連の関数は、コンソールの下に文書化されています: 要素の選択:

要素の選択

要素を選択するためのショートカットがいくつかあります。これらは、標準の対応するものを入力する場合と比較して、貴重な時間を節約します。

$()指定された CSS セレクターに一致する最初の要素を返します。のショートカットですdocument.querySelector()

$$()指定された CSS セレクターに一致するすべての要素の配列を返します。これはのエイリアスですdocument.querySelectorAll()

$x()指定されたXPathに一致する要素の配列を返します。


ただし、これらの値はコンソールのデフォルト値にすぎません。ページが jQuery などを含めて変数を上書きすると、コンソールはページ自体の値を使用し、最初の要素$('p')だけでなく jQuery オブジェクトを返します。p

于 2016-05-15T05:57:01.207 に答える
7

開発ツールへのリンクから判断すると、getElementById()だけでなくdocument.querySelector()を使用するようになりました。

于 2013-02-19T22:03:04.360 に答える
5

Webkit インスペクターには、Mootools のセレクターと同じ 2 つのセレクターが$あります。$$

ここでいくつかの情報を見つけることができます

それらは、デバッグを支援するためにここにいます。

于 2012-08-02T13:35:03.750 に答える
5

https://developers.google.com/chrome-developer-tools/docs/console

document.getElementById にすばやくアクセスするだけです。

于 2012-08-02T13:36:24.443 に答える