jQuery对象和Dom对象简单小结

一、什么是jQuery和Dom对象：

     jQuery对象：使用jQuery类库的选择器获得的对象，是一个数组对象。

var $obj = $("#id"); 

     Dom对象：用传统的方法(javascript)获得的对象

var domObj = document.getElementById("id"); 

二、jQuery对象和Dom对象之间的关系：

• jQuery对象是对Dom对象的进一步包装；
• jQuery对象和Dom对象具有隔离性，不能使用操作jQuery对象的方法操作Dom对象，反之亦然。

$("#foo").html(); //jQuery特有

等同于：

document.getElementById("foo").innerHTML; //dom特有

• jQuery和Dom对象可以相互转化，这样方便扩展jQuery库和使用操作Dom的方法操作jQuery对象。

三、jQuery和Dom对象之间的转换：

• jQuery---->Dom

     jquery提供了两种方法将一个jquery对象转换成一个dom对象，即[index]和get(index)，因为jQuery对象是一个数组对象，所以使用了索引。

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

• Dom---->jQuery

    对于一个dom对象，只需要用$()把dom对象包装起来，就可以获得一个jquery对象了，方法为$(dom对象)：

var cr=document.getElementById("cr"); //dom对象
var $cr = $(cr); //转换成jquery对象

四、语法定义习惯：

定义jQuery对象：

var $variable = jquery对象

定义dom对象：

var variable = dom对象