jQuery对象和Javascript对象之间转换的实例代码
代码如下:
如果我们在用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 是否被选中
推荐阅读
-
jQuery之DOM对象和jQuery对象的转换与区别分析
-
在JavaScript中重写jQuery对象的方法教程实例教程教程
-
javascript遍历json对象的key和任意js对象属性实例
-
JavaScript面向对象学习之类的创建,类的抽象代码实例讲解
-
JavaScript类数组对象转换为数组对象的方法实例分析
-
用jQuery将JavaScript对象转换为querystring查询字符串的方法
-
php简单对象与数组的转换函数代码(php多层数组和对象的转换)
-
JSON语法以及json与JavaScript对象的转换实例讲解
-
基于jQuery对象和DOM对象和字符串之间的转化实例
-
JavaScript-类的定义与对象的创建代码实例