これは、Chrome のコンソールに欠けているものです。私は、javascript オブジェクトが次のようなブラウズ可能な tre のような構造で表示されるスクリーンキャストに従っています。
(ここに矢印) オブジェクト
たとえば、これを入力すると、空の配列しか得られません。
jQuery()
これは、Chrome のコンソールに欠けているものです。私は、javascript オブジェクトが次のようなブラウズ可能な tre のような構造で表示されるスクリーンキャストに従っています。
(ここに矢印) オブジェクト
たとえば、これを入力すると、空の配列しか得られません。
jQuery()
jQuery オブジェクト内の要素を参照する場合は、最初に何かを選択する必要があります。
$()
空の jQuery オブジェクトを返します。
一方、作成されたオブジェクトのメソッド/プロパティを参照したい場合は、console.dir
メソッドを使用する必要があります。これにより、オブジェクトのより詳細なビューが得られます。
console.dir(jQuery());
これがフィドルです:http://jsfiddle.net/asYay/
入力して取得するオブジェクト
jQuery()
空の配列と同じ構文で表される空のjQueryオブジェクトです
[]
jQuery オブジェクトは、本文から選択した html 要素の配列のようなオブジェクトです。あなたの場合、セレクター(通常は関数に書き込む関数の最初の引数)は空であるため、jQuery を検索するものはなく、空のオブジェクトを返します。DOM 要素 (本体など) で引数を渡すと、配列内の本体が返されます。
jQuery('body') //=> Array with the body html element inside
通常、jQuery オブジェクト内の HTML 要素は、Google コンソールの標準オブジェクトと同じようには表現されないことに注意してください。標準オブジェクトの場合、オブジェクトをそのプロパティとともにツリー構造として取得し、その前に矢印を展開して (スクリーンキャストに表示されているように)、HTML 要素を使用すると、DOM ノードを取得しますが、プロパティやメソッドは取得しません。拡大するために。
違いを確認するには、次を試してください。
Chrome コンソールでのインスタンスまたは標準オブジェクトの表示:
var object = {
hi: 'im an object',
and_i: 'am represented as a tree like structure',
i_can_haz: function() { return 'this is great, it shows all the stuff' }
};
もう一度入力すると、次のようになります。
object
Chrome コンソール オブジェクトの表現を取得します。
HTMLオブジェクトの場合、これを行うだけです
var object = document.getElementsByTagName('body');
そのプロパティと関数にアクセスする場合は、dir メソッドを使用します。
dir(object);
事実上すべてのオブジェクトで dir を使用して、プロパティにアクセスできます
object は body 要素の表現になります。前に述べたように、選択時にすべての jQuery が行うことは、本質的にこれらの要素を配列に入れることです。