[解決済み] jQueryオブジェクトとDOM要素

質問

jQueryオブジェクトとDOM要素の関係を理解したいのですが。

jQueryが要素を返すとき、それは [object Object] としてアラートに表示されます。 このとき getElementByID が要素を返す場合、それは [object HTMLDivElement] . これは一体どういう意味なのでしょうか？つまり、どちらも差分のあるオブジェクトなのでしょうか？

また、どのようなメソッドがjQueryオブジェクトとDOM要素を操作することができますか？また、1つのjQueryオブジェクトで複数のDOM要素を表すことができるのでしょうか？

どのように解決するのですか？

jQueryオブジェクトとDOM要素の関係を理解したい。

jQueryオブジェクトは、DOM要素を格納する配列のようなオブジェクトです。jQueryオブジェクトは、使用するセレクタによって複数のDOM要素を格納することができます。

また、jQueryオブジェクトとDOM要素に対して操作できるメソッドは何ですか？1つのjQueryオブジェクトで複数のDOM要素を表すことができますか？

jQuery関数（全リストはウェブサイトにあります）はjQueryオブジェクトを操作し、DOM要素を操作することはできません。jQuery関数の内部でDOM要素にアクセスする場合は .get() を使用するか、目的のインデックスで要素に直接アクセスします。

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

つまり、以下のようにしても同じ結果になるはずです。

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

alert($("#foo")[0]);
alert($("#foo").get(0));
alert(document.getElementById("foo"));

jQueryオブジェクトの詳細はこちら。 のドキュメントを参照してください。 . のドキュメントもご覧ください。 .get()