JQuery的ID選擇器 - 什麼是這個行爲

Question

根據jQuery文檔

ID選擇

說明：選擇與所述給定id屬性的單個元素。

當你有這個標記

<div id="mydiv"></div> 

你做

alert($('#mydiv')); // displays "[Object]" 

alert($('#mydiv')[0]); // displays "[HTMLDivElement]" 

由於我們預計1元，什麼是數組符號的解釋？是什麼使兩者不同？

注：我比較關心爲什麼我們有DIV的陣列/集時，我們只期待一個。

是[Object] = Array {HTMLDivElement}。 [Object]的結構是什麼？

Answer 1

$('#mydiv') // - >顯示[Object]因爲它是jQuery對象。

$('#mydiv')[0] //顯示[HTMLDivElement]，因爲它是一個DOM元素

有爲什麼它是一個數組https://stackoverflow.com/a/7183714/297641

Answer 2

[0]下標返回裸對DOM元素的引用，未包裝爲jQuery對象。

Answer 3

jQuery的包裝選擇在集合了很好的解釋。 在你的情況下，你正在使用一個ID。但是當你使用一個類時，可能會出現多個引用。請記住，這是爲了在所有情況下保持一致。