jQuery id Selector与document.getElementById

Question

我期待：

document.getElementById("audio")

和

$("#audio")

返回相同的对象，但他们没有。我有什么误会？

http://jsfiddle.net/uy3sq00n/8/

Answer 1

这些是等效的

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

JQuery将DOM对象包装在自己的对象中

Answer 2

两者并不像你想象的那样。 jQuery返回j Query object，document.getElementById返回HTML element。

如果console.log

，您可以获得更多有关此内容的详细信息

console.log(document.getElementById("audio")); 
console.log($("#audio"));

<audio id="audio">  --> document.getElementById("audio")

Object { 0: <audio#audio>, length: 1, context: HTMLDocument → _display, selector: "#audio" }  --> $("#audio")

Answer 3

jQuery()（或$()）返回一个jQuery对象，其中包含所有jQuery添加的功能。 document.getElementById返回标准HTML元素。