区别
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()
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);