jQuery对象与dom对象相互转换

最新推荐文章于 2013-11-05 20:38:33 发布

zhangjinpeng66

最新推荐文章于 2013-11-05 20:38:33 发布

阅读量820

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript jQuery 文章标签： javascript jquery 对象 dom

本文链接：https://blog.youkuaiyun.com/zhangjinpeng66/article/details/12709321

JavaScript 同时被 2 个专栏收录

36 篇文章

订阅专栏

jQuery

24 篇文章

订阅专栏

本文详细介绍了jQuery对象和DOM对象的区别，并提供了将两者相互转换的方法，包括使用索引和get方法从jQuery对象获取DOM对象，以及如何将DOM对象转换为jQuery对象，确保在JavaScript开发中灵活运用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery选择器得到的jQuery对象和标准的javascript中的document.getElementById()取得的dom对象是两种不同的对象类型。如$('#id')得到的是jQuery对象，它不能使用js总的dom方法。因此，jQuery对象如果需要使用标准的dom方法，就需要进行对象转换。

jQuery对象

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，只能使用jQuery里的方法。

jQuery对象转换成DOM对象

将jQuery对象转换成DOM对象有以下两种方式：

（1）jQuery对象是一个数据对象，可以通过[index]形式的方法，来得到相应的DOM对象。

如：

var $v = $("#v"); // jQuery对象
var v = $v[0]; // DOM对象
alert(v.checked); // 检测这个checkbox是否被选中

（2）jQuery本身提供，通过.get(index)方法，得到相应的DOM对象

var $v = $("#v"); // jQuery对象
var v = $v.get(0); // DOM对象
alert(v.checked) // 检测这个checkbox是否被击中

DOM对象转换成jQuery对象

对于DOM对象，只需要用$()把DOM对象包装起来，就可以获得了一个jQuery对象了。$(DOM对象)

如：

var v = document.getElementById("v");  // DOM对象
var $v = $(v); // jQuery对象

转换后，就可以任意使用jQuery的方法了。

注意：

DOM对象只能使用DOM中的方法，jQuery对象是不可以用DOM中的方法。