您的位置:首页 > Web前端 > JQuery

jQuery对象与dom对象相互转换

2016-03-23 22:00 771 查看
核心提示:jQuery选择器得到的jQuery对象和标准模型中的dom对象是两种不同的对象类型,如:$(’#id’)得到的是jquery对象,它不能使用dom对象中的方法。jQuery对象要使用标准的dom方法,就需要进行对象转换。

1 使用$函数创建的对象都是jQuery对象。如

var v = document.getElementById("id"); //DOM对象
var $v = $("#id"); //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 是否被选中
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: