jquery对象和DOM对象的相互转换

最新推荐文章于 2021-04-26 14:05:01 发布

suixinMLF

最新推荐文章于 2021-04-26 14:05:01 发布

阅读量1k

点赞数

分类专栏：心得

1 篇文章

订阅专栏

本文介绍了如何将DOM对象转换为jQuery对象以及如何将jQuery对象转换回DOM对象的两种方法。DOM对象转jQuery对象只需使用$()包裹即可。而jQuery对象转DOM对象可通过[index]或.get(index)方法实现。

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

1. DOM 对象转成 jQuery 对象

对于已经是一个 DOM 对象，只需要用 $() 把DOM对象包装起来，就可以获得一个 jQuery 对象了，$(DOM 对象) 注： var是定义变量

如：　

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

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

2. jQuery 对象转成 DOM 对象

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

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

如：

var $V=$("#v");//jQuery对象

var v=$v[0]//js对象

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

如：

var $v=$("#v");//jQuery对象

var v=$v.get(0)//js对象

 
     var
     $v = $(
     "#v"
     );
     //jQuery 对象
    
 
     var
     v = $v[0]; 
     //DOM 对象
    

通过以上方法，可以任意的相互转换 jQuery 对象和 DOM 对象，需要再强调的是： DOM 对象才能使用DOM 中的方法，jQuery 对象是不可以使用DOM中的方法。