js dom对象与jquery对象互转

最新推荐文章于 2023-09-26 00:31:45 发布

转载最新推荐文章于 2023-09-26 00:31:45 发布 · 512 阅读

js 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何在jQuery对象与DOM对象之间进行转换，包括使用jQuery对象的[index]和.get(index)方法将jQuery对象转换为DOM对象，以及如何将DOM对象包装进jQuery对象以获取jQuery对象。

转自：http://blog.youkuaiyun.com/avenccssddnn/article/details/8566131

jQuery对象转成DOM对象：

两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);

(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的方法了。