3

Chrome の Javascript コンソールで Javascript のデバッグを学ぼうとしています。ただし、オブジェクトのデータ型がコンソールにどのように表示されるのかわかりません。たとえば、Javascript コンソールでは、次のように表示されます。

ここに画像の説明を入力

この図では、JQuery を使用しています。いくつかの変数を試してみましたconsole.logが、特定の変数が JQuery オブジェクトなのか生の DOM オブジェクトなのかはどうすればわかりますか? HTMLDivElementコンソールに表示されているdivタグが表示されているのは、JQuery オブジェクトですか、生の DOM オブジェクトですか?

一般に、Chrome の Javascript コンソールのようなデバッガー コンソールで Javascript のオブジェクトまたは変数のデータ型を知るにはどうすればよいですか? Java などの言語では、変数のデータ型がデバッガーに明確に表示されます。デバッガーから、変数がどのようなオブジェクトであるか、インスタンスであるClass AかインスタンスであるかClass Bなどを知ることができます。

4

4 に答える 4

4 
if (variable instanceof jQuery) // Or variable.jquery 
    // jQuery object.

ライブデモ

instanceofMDNに関するドキュメント：

instanceof演算子は、オブジェクトのプロトタイプチェーンにコンストラクターのプロトタイププロパティがあるかどうかをテストします。

jQueryがDOM要素をチェックする方法は次のnodeTypeとおりです。

// Handle $(DOMElement)
if ( selector.nodeType ) {

jQueryがjQueryオブジェクトをチェックする方法は、次のjqueryプロパティを使用します。

// HANDLE: $(expr, $(...))  
else if ( !context || context.jquery ) {
于 2012-05-13T12:50:51.030 に答える
3

これらは両方ともjQueryオブジェクトです。

コンソールは、それらをDOM要素を含む配列のようなオブジェクトとして認識します。

于 2012-05-13T12:49:27.597 に答える
0

[スクリプト] タブに移動すると、デバッガーで型を表示できます。
次に、右側のWatch Expressionsの下にある+記号を押して、好きなものを追加します。
検査官

于 2012-05-13T12:55:50.747 に答える
0

JQuery オブジェクトは実際には DOM 要素の配列であり、Weile DOM 要素は単なる DOM 要素です。

于 2012-05-13T12:59:31.847 に答える