dom对象和jquery对象

区别
dom对象:
可以通过javascript中的geElementsByTagName或者getElementById来取得元素

的节点，这样得到的dom元素就是dom对象.dom对象可以使用 javascript中的方法

var domObj = docuemnt.getElementById("id"); //获得dom对象
var ObjHtml = domObj.innerHTML; //使用js中的方法

jquery对象:
是通过jquery包装dom对象后产生的对象，jquery对象是jquery特有的.可以使用

jquery库中的方法:
$("#foo").html();//获取id为foo的元素的html代码 .html是jquery中的方法
这段代码同于：

document.getElementById("foo").innerHTML;

jquery对象转成dom对象
1.jquery对象是一个数组对象，可能通过[index]的方法得到dom对象

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

2.jquery本身提供的，通过get(index)方法得到相应的dom对象

var $cr = $("#cr"); //jquery对象
var cr = $cr.get(0); //dom对象
alert(cr.checked); //检测这个checkbox是否被选中

dom对象转成jquery对象
对于dom对象，只需要用$()把dom对象包装起来，就可以得到一个jquery对象
$(dom对象)。

var cr = document.getElementById("cr"); //dom对象
var $cr = $(cr);

$()就是一个jquery对象的制造工厂