---

1、jQuery 对象和 DOM 对象

使用 jQuery 方法和原生 JS 获取的元素是不一样的，总结如下 :

1. 用原生 JS 获取来的对象就是 DOM 对象；
2. jQuery 方法获取的元素就是 jQuery 对象；
3. jQuery 对象本质是：利用$对 DOM 对象包装后产生的对象（伪数组形式存储）;

注意：只有 jQuery 对象才能使用 jQuery 方法，DOM 对象则使用原生的 JavaScirpt 方法。

2、jQuery 对象和 DOM 对象转换

DOM 对象与 jQuery 对象之间是可以相互转换的。因为原生 js 比 jQuery 更大，原生的一些属性和方法 jQuery 没有给我们封装。要想使用这些属性和方法需要把 jQuery 对象转换为 DOM 对象才能使用。

// 1.DOM对象转换成jQuery对象，方法只有一种
var box = document.getElementById("box"); // 获取DOM对象
var jQueryObject = $(box); // 把DOM对象转换为 jQuery 对象

// 2.jQuery 对象转换为 DOM 对象有两种方法：
//   2.1 jQuery对象[索引值]
var domObject1 = $("div")[0];

//   2.2 jQuery对象.get(索引值)
var domObject2 = $("div").get(0);
1
2
3
4
5
6
7
8
9
10

总结：实际开发比较常用的是把 DOM 对象转换为 jQuery 对象，这样能够调用功能更加强大的 jQuery 中的方法。

---

后记

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！