×

如何让jQuery对象和Javascript对象之间转换

作者:andy0012017.08.16来源:Web前端之家浏览:8834评论:0
关键词:JQueryJS

如何让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 是否被选中

您的支持是我们创作的动力!
温馨提示:本文作者系,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/svg1488124800503.html

网友评论文明上网理性发言已有0人参与

发表评论: