以下内容是引用或者借鉴别人的，自己只是做个笔记，方便学习。理解错误的地方，欢迎评论。如有侵权，私聊我删除，未经允许，不准作为商业用途

小知识科普

• DOM对象：Document Object Model(译：文档对象模型)的简称，定义了访问和操作HTML文档的标准方法。document也是DOM对象的一种具体形式，一般还是根节点，如图

  
  image.png
• jQuery对象：通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法

区别

• document.getElementById()返回的是DOM对象，而$()返回的是jQuery对象
• DOM对象使用DOM中的方法，jQuery对象使用jQuery中的方法

联系

• jQuery对象和DOM对象可以相互转换

$(DOM对象) = jQuery对象

<input id="text" type="text"/>

var elText = document.getElementById("text");
console.log(elText)
console.log($(elText))

image.png

jQuery对象[0]或者jQuery对象.get(0) = DOM对象 

<input id="text" type="text"/>

console.log($("#text"))
console.log($("#text")[0])
console.log($("#text").get(0))

image.png