JQuery对象和DOM对象相互转换

1，DOM对象

定义：可以通过JavaScript中的getElementById或者getElementsByTagName来获取元素的节点，像这样得到的DOM元素就是DOM对象


2，JQuery对象

定义：JQuery对象是JQuery独有的，如果一个对象是JQuery对象，则该对象可以使用JQuery的方法

注意：jQuery对象无法使用Dom对象的任何方法。


jQuery对象转换成Dom对象

jQuery提供了两种方法将jQuery转换成Dom对象：

·通过jQuery对象的get()和[index]方法

例如：

var $cr = $("#cr"); //JQuery对象
 
var cr = $cr[0]; //JQuery转换成Dom对象方法1
 
var cr = $cr.get(0); //jQuery转换成Dom对象方法2
 
alert(cr.checked);

Dom对象转换成jQuery对象

var cr = cr.getElementById('cr'); //获取id为cr的元素对象
var $cr = $(cr); //将cr元素对象转换成jQuery对象