区别
DOM对象是我们用传统的方法（javascript）获得的对象，jQuery对象就是用jQuery的类库选择器获得的对象。
jQuery选择器得到的jQuery对象和标准的js中的document.getElementById()取得的dom对象是两种不同类型,两者不等价.
注 :js原生获取的dom是一个对象,jQuery对象就是一个数组对象,其实就是选择出来的元素的数组集合.所以说他们两者是不同的对象类型不等价.
jQuery无法使用DOM对象的任何 方法,同理Dom对象也不能使用jQuery里的方法.乱使用会报错.
例如：
<p>我是对象</p>
原声DOM
document.querySelector('p').innerHTML
jQuery:$('p').html()
image
DOM 对象就是
javascript固有的一些对象。DOM对象能使用javascript固有的方法，但是不能使用jQuery里面的方法。如我们不可以使用:
$('p').innerHTML和document.querySelector('p').html()
相互转化
在进行jQuery开发的时候，经常会遇到的场景是jQuery对象转换为原生的DOM对象以及原生DOM对象转换为jQuery对象。转换的方式非常简单：
- 原生DOM对象转jQuery对象：
var box = document.getElementById('box');
var $box = $(box);
- jQuery对象转原生DOM对象：
var $box = $('#box');
var box1 = $box[0];
var box2 = $box.get(0);
网友评论