1、jQuery 对象和 DOM 对象
使用 jQuery 方法和原生 JS 获取的元素是不一样的,总结如下 :
- 用原生 JS 获取来的对象就是 DOM 对象;
- jQuery 方法获取的元素就是 jQuery 对象;
- 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);
总结:实际开发比较常用的是把 DOM 对象转换为 jQuery 对象,这样能够调用功能更加强大的 jQuery 中的方法。
后记
如果你感觉文章不咋地
//(ㄒoㄒ)//
,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L;~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※
!!!