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 物件可以表示單一jQuery 物件可以表示單一jQuery 物件可以表示單一jQuery 物件可以表示單一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三行都會傳回相同的DOM 元素，也就是ID 為「foo」的div。
更多詳細信息，請參閱 jQuery有關 jQuery 物件和 .get() 的更多信息的文檔。
以上是## jQuery 物件和 DOM 元素之間有什麼區別？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
