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这本书》。嗯，我比较菜，所以要加倍的学习！！！