Jquery对象与DOM对象之间的些许区别与联系

一.Jquery跟DOM有什么区别？

1.JQuery是JQuery对象，而DOM是原生JS的对象。

2.JQuery的顶级元素是$，而DOM的顶级元素是window。

3.根据JQuery获取的对象就是JQuery对象，根据原生JS获取的对象就是DOM对象。

4.JQuery对对象的操作不能用在DOM上，DOM中对对象的操作不能用在JQuery上。

5.JQuery对象本质：利用$对DOM对象包装后产生的对象（伪数组形式存储）。

二.操作DOM的常见方法.

document.getElementById()通过id获取标签

document.getElementsByTagName(),根据标签名获取标签

document.getElementsByclassName()通过类名获取标签

document.querySelector()返回匹配的第一个元素，参数是#id/.class/ div

document.getElementById()返回所有匹配的元素

三.如何将JQuery对象转换为DOM对象：

1.可以通过[index]方法获得相应的DOM对象。

如： var $v = $("#v"); 得到JQuery对象

var v = $(“v”)[0];转换为DOM对象

2.JQuery本身可以通过.get(index)方法得到相应的DOM对象

如： var $v = $("#v");得JQuery对象，

var v = $v.get(0);转为DOM对象

四.将DOM对象转成JQuery对象：

对于已经是一个DOM对象，只需要用$()将DOM对象包装起来，就能获JQuery对象。如：

var v = document.getElementById(“v”);//得到DOM对象

var $v = $(v);转成JQuery对象