一、什么是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对象