jQuery对象和DOM对象的相互转换

####jQuery对象转DOM对象
jQuery 提供了两种方法将一个 jQuery对象转换成 DOM对象, 即[index]get ( index )

// 1、jQuery对象是一个数组对象, 可以通过[index]的方法得到相应的 DOM对象。
var $er = $('#er'); //这是jq获取到的jq对象
var er = $er[0]; //转换为了Dom对象
// 2、另一种方法是jQue可本身提供的, 通过 get(index)方法得到相应的DOM 对象。 jQuery 代码如下:
var $er = $('#er'); //jq对象
var er = $er.get[0]; //dom对象

####DOM对象转jQuery对象
对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象,方法为$(DOM对象)

var er = document.getElementById('er'); //DOM对象
var $er = $(er); //jQuery 对象

最后再次强调, DOM 对象才能使用 DOM 中的方法, jQuery 对象不可以使用 DOM 中的 方法 。但是jQuery对象提供了一套更加完善的工具操作DOM对象

下面两个例子深刻了解一下这两个东东

$(document).ready(function() {//等待dom元素加载完成
            var $cr = $ ("#cr");//jquery对象
            var er = $cr[0];//dom对象
            $er.click(function() {
                if (cr.checked) {//dom方式判断
                    alert("哈");
                }
            });
        })
$(document).ready(function() {//等待dom元素加载完成
            var $cr = $ ("#cr");//jquery对象
            // var er = $cr[0];//dom对象
            $er.click(function() {
                if ($cr.is(":checked")) {//jquery方式判断
                    alert("哈");
                }
            });
        })

至此,是不是觉得有点意思了呢,我本人原来不懂这个东东,然后看别人代码有这两个东东当时还挺不理解的,最近在研究《锋利的jQuery这本书》。嗯,我比较菜,所以要加倍的学习!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值