jQuery对象和DOM对象相互转化

jQuery对象转化为DOM对象

jQuery 提供两种方法将一个jQuery对象转换成DOM对象,即[index]和get(index)
1. jQuery 对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象
2. 另一个方法是 jQuery本身提供的,通过get(index)得到相应的DOM对象
我们通过一个例子来说明这个问题,我们通过获取一个input标签,来实现转换:

<input type="checkbox" id="cr"/><label for="cr">我已经阅上面制度</label>

首先我们通过判断复选框是否被点击来判断，来判断是jQuery或DOM对象，DOM对象判断复选框是否被选中是通过checked属性，jQuery对象判断是通过is(“:checked”)方法。
JS代码：

    $("#cr").click(function () {

        // jQuery对象转化成DOM对象
        var $cr = $("#cr");
        // 1. 第一种
        var cr = $cr[0];
        // 2. 第二种
        // var cr = $cr.get(0);
        alert(cr.checked);
    });

DOM对象转化成jQuery对象
通过$(element)进行转化，以上例子，进行转化，JS代码：

    $("#cr").click(function () {
        // DOM对象转化成jQuery对象
        var cr = document.getElementById("cr");
        var $cr = $(cr);
        alert($cr.is(":checked"));
    });