jquery - Difference between jquery object and native browser document?

Question

What is the difference between a jQuery object and a native browser document object? and how would that apply to the following code?

<div id=”myid”&gt; This is the div you want to select <div>

document.getElementById(“myid”)

$(“#myid”)
$(“#myid”).get(0)

Was wondering if someone could help me understand this?

Answer 1

不同之处在于$(“#myid”)返回一个 jQuery 对象

而第二个document.getElementById(“myid”)DOM 元素。

要获取 jQuery 对象的 DOM 对象，可以调用：

$(“#myid”).get(0);//zero based index

所有 jQuery 对象都是零个或多个元素的类数组对象。