本文解析了HTML中通过ID选择元素的方式，对比了使用原生JavaScript的`document.getElementById`与jQuery的选择器 `$` 获取DOM节点的区别。指出jQuery返回的是jQuery对象而非原生DOM对象，并解释了为何在某些情况下需要通过`$("#id")[0]`获取原生DOM节点。
作为前端小菜鸟，时刻会遇到各种问题。今天发现了一个最基础的问题，下面举例来理解。
html:
<div id="abc"></div>
console中输入:
$("#abc")
打印内容：
[div#abc.article_description, context: document, selector: "#abc"]展开如下：
0: div#abc.article_description
context: document
length: 1
selector: "#abc"
__proto__: Object(0)
是一个jquery对象
console中输入：
document.getElementById('abc')
打印内容：
<div id="abc"></div>
是一个dom对象，与$("#abc")[0]相等。
理解这个之后，解决了写代码时取jquery取dom节点绑定事件时为什么要取数组第一个值，即$("#id")[0]
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
