jquery中$("#id")与document.getElementById("id")的区别与联系

作为前端小菜鸟，时刻会遇到各种问题。今天发现了一个最基础的问题，下面举例来理解。

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]