jQuery 对象和原生 Dom 对象有什么区别？如何相互转换？

区别

DOM对象是我们用传统的方法（javascript）获得的对象，jQuery对象就是用jQuery的类库选择器获得的对象。

jQuery选择器得到的jQuery对象和标准的js中的document.getElementById()取得的dom对象是两种不同类型,两者不等价.
注 :js原生获取的dom是一个对象,jQuery对象就是一个数组对象,其实就是选择出来的元素的数组集合.所以说他们两者是不同的对象类型不等价.

jQuery无法使用DOM对象的任何 方法,同理Dom对象也不能使用jQuery里的方法.乱使用会报错.

例如：

我是对象

原声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);