JQuery对象DOM对象

文章标签 ‘jQuery对象DOM对象’

jQuery学习笔记4——jQuery对象与DOM对象转换

2009年9月7日 IT北瓜没有评论

1、jQuery对象转为DOM对象
jQuery对象转为DOM对象有两种方法：
（1）jQuery对象是一个数组对象，可以通过索引[index]方式得到相应DOM对象，如：

var $cb = $("#checkboxid");    //获取jQuery对象，这里用$来区分是jQuery变量
var cb = $cb[0];    //获取DOM对象
alert(cb.checked);    //弹出DOM对象是否被选中的布尔值

（2）利用jQuery提供的get(index)方法得到相应DOM对象，如：

var $cb = $("#checkboxid");    //获取jQuery对象，这里用$来区分是jQuery变量
var cb = $cb.get(0);    //获取DOM对象
alert(cb.checked);    //弹出DOM对象是否被选中的布尔值

2、DOM对象转为jQuery对象

转换的方式很简单，只需用$()将DOM对象包含起来便可以获取相应的jQuery对象，如：

var cb = document.getElementById("#checkboxid");    //获取jQuery对象，这里用$来区分是jQuery变量
var $cb = $(cb);    //获取DOM对象
alert($cb.length);    //验证一下jQuery的个数

就说到这吧，下次见。。。