## jQuery オブジェクトと DOM 要素の違いは何ですか?

jQuery オブジェクトと DOM 要素

jQuery オブジェクトと DOM 要素の関係はわかりにくい場合があります。細かく見てみましょう。

オブジェクトと DOM 要素

jQuery が要素を返すと、アラートでは「[object Object]」として表示されます。逆に、getElementByID が要素を返す場合は、「[object HTMLDivElement]」と表示されます。この表示の違いは、オブジェクト タイプの違いによるものです。jQuery オブジェクトは、DOM 要素をカプセル化する配列のようなオブジェクトです。

メソッド

jQuery 関数は、jQuery オブジェクトに対して動作します。 DOM 要素ではありません。 jQuery 関数内の DOM 要素にアクセスするには、.get() を使用するか、要素に直接インデックスを付けます:

$("selector")[0] // Accesses the first DOM element in the jQuery object
$("selector").get(0) // Equivalent to the code above
$("selector").get() // Retrieve an array of DOM elements matched by the selector

複数の DOM 要素

単一の jQuery オブジェクトで表すことができます指定されたセレクターを使用して選択された複数の DOM 要素。

例

次の HTML について考えてみましょう。

<div id="foo"></div>

次のコード行は、次のコード行間の関係を示しています。 jQuery オブジェクトと DOM 要素:

alert($("#foo")[0]); // Alerts the DOM element
alert($("#foo").get(0)); // Equivalent to the code above
alert(document.getElementById("foo")); // Alerts the DOM element

3 行はすべて、ID が「foo」の div である同じ DOM 要素を返します。

詳細については、jQuery を参照してください。 jQuery オブジェクトと .get().

の詳細については、ドキュメントを参照してください。

以上が## jQuery オブジェクトと DOM 要素の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。