jquery对象与Dom对象互转方法

jQuery对象转成DOM对象: 数组

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

(1)jQuery对象是一个数据对象,能够经过[index]的方法,来获得相应的DOM对象。 code

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

var v=$v[0]; //DOM对象 文档

alert(v.checked) //检测这个checkbox是否被选中 get

(2)jQuery自己提供,经过.get(index)方法,获得相应的DOM对象 test

如:var $v=$("#v"); //jQuery对象 方法

var v=$v.get(0); //DOM对象 im

alert(v.checked) //检测这个checkbox是否被选中 checkbox



  选择文档中全部图像做为元素数组,并用数组内建的 reverse 方法将dom对象数组反向。

   HTML 代码:


<img src="test1.jpg"/> <img src="test2.jpg"/>
jQuery 代码:
$("img").get().reverse();


DOM对象转成jQuery对象:

对于已是一个DOM对象,只须要用$()把DOM对象包装起来,就能够得到一个jQuery对象了。$(DOM对象)

如:var v=document.getElementById("v"); //DOM对象

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

转换后,就能够任意使用jQuery的方法了。

经过以上方法,能够任意的相互转换jQuery对象和DOM对象。须要再强调注意的是:DOM对象才能使用DOM中的方法,jQuery对象是不能够用DOM中的方法。

相关文章
相关标签/搜索