JQuery_JQuery对象和DOM对象的区别和转换

1. JQuery对象和dom对象的区别？
DOM对象
  所谓的DOM对象是指我们通过JavaScript（传统的方法）来获取的对象，它是一个浏览器自带的对象，DOM对象只能调用DOM中的属性和方法。

JQuery对象
 JQuery对象就是用JQuery的类库选择器获得的对象，并且JQuery对象是一个数组。其实JQuery对象就是通过JQuery包装DOM对象后产生的对象。JQuery对象是JQuery独有的对象，可以使用JQuery里的方法，但是不能使用DOM对象中的属性和方法。

2. JQuery对象转换成DOM对象
 前面已经介绍过了，JQuery是一个数组，所以要转成DOM对象自然就要通过方法或者是下标了。
<1>通过下标的方式获取

var $cr = $("#cr"); //jQuery对象
var cr = $cr[0] //DOM对象
alert(cr.checked) //检测这个checkbox是否选中了 

<2>通过get（index）的方式来获取

var $cr = $("#cr");
var cr = $cr.get(0);
alert(cr.checked); 

3. DOM对象转换成JQuery对象
 对于一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个JQuery对象了，方式为：$(DOM对象)

var cr = document.getElementByID("cr"); //DOM对象
var $cr = $(cr); 

4. 书写建议
 我们平时用到的JQuery对象都是通过$()函数制造出来的，$()函数就相当于jquery对象的制造工厂。
如果获取的对象是 jquery对象，那么在变量前面加上$,这样方便容易识别出哪些是jquery对象,例如:
var $variable = jquery对象;
如果获取的DOM对象，则定义如下：
var variable = dom对象