Jquery 对象与 DOM对象的相互转换

在做 web 开发时,经常会用到 jquery 和 dom 对象, 有时候需要在这两个对象间进行切换。

Jquery 对象

    就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。

 

jQuery对象转成DOM对象:

  1. 通过[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对象才能使用DOM中的方法,jQuery对象是不可以用DOM中的方法。

 

总结

 使用jquery时,有时需要使用原始DOM对象的方法,例如调用Activex控件的某些方法时,此时就需要将jquery对象转换为DOM对象,转换方法如下:

方法1: $("xxx")[index]
方法2:$("xxx").get(index)
方法3:$("xxx").eq(index)[0]

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。