当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery对象和Javascript对象之间转换的实例代码

jQuery对象和Javascript对象之间转换的实例代码

2018年11月27日  | 移动技术网IT编程  | 我要评论

代码如下:

　　如果我们在用jquery作为客户端页面的脚本，时常都会涉及到jquery对象和javascript对象的相互转换。因为，dom对象就是javascript 固有的一些对象操作。dom 对象能使用javascript 固有的方法，但是不能使用 jquery 里的方法。所以，我们广州达内分享一点点它们之间的转换代码供大家学习及参考。

 

　　1. dom 对象转成 jquery 对象

　　对于已经是一个 dom 对象，只需要用 $() 把dom对象包装起来，就可以获得一个 jquery 对象了，$(dom 对象)

　　如：　var v = document.getelementbyid(“v”); //dom对象

　　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]; //dom 对象

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

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

　　如：var $v = $(“#v”); //jquery 对象

　　var v = $v.get(0); //dom对象 ( $v.get()[0] 也可以 )

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


您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网