Jquery 对象与 DOM对象的相互转换
2015-04-30 14:26
281 查看
在做 web 开发时,经常会用到 jquery 和 dom 对象, 有时候需要在这两个对象间进行切换。
Jquery 对象
就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。
jQuery对象转成DOM对象:
1. 通过[index]的方法,来得到相应的DOM对象
2. jQuery本身提供,通过.get(index)方法,得到相应的DOM对象
DOM对象转成jQuery对象
对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了: $(DOM对象)
通过上述的方法,就能将在jQuery对象和DOM对象间相互转换,需要再强调注意的是:DOM对象才能使用DOM中的方法,jQuery对象是不可以用DOM中的方法。
总结
使用jquery时,有时需要使用原始DOM对象的方法,例如调用Activex控件的某些方法时,此时就需要将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]
相关文章推荐
- jQuery对象与DOM对象之前的相互转换
- 正确区分DOM对象与jQuery对象,并实现两者之间的相互转换
- 详解jQuery对象与DOM对象的相互转换
- Javascript Dom对象和JQuery对象的相互转换
- JQuery对象和DOM对象相互转换
- jquery学习手记(2)jQuery对象和DOM对象相互转换
- jQuery对象和Dom对象相互转换
- jQuery对象与DOM对象之间相互转换
- jquery对象和dom对象的相互转换
- jQuery对象和DOM对象之间相互转换的方法介绍
- jQuery对象与DOM对象之间的相互转换
- jquery开发之jQuery对象和DOM对象的相互转换
- DOM对象和jQuery对象的相互转换
- JQuery dom对象与jquery对象相互转换 小案例
- DOM对象和jQuery对象的理解及它们之间的相互转换
- jQuery对象和DOM对象的相互转换
- jQuery对象与DOM对象的相互转换
- jQuery对象和DOM对象之间相互转换的方法介绍
- jQuery对象和DOM对象的相互转换
- DOM对象和jQuery对象的相互转换