Dom对象,html中的Dom对象通常被描述为一棵Dom树,在javascript中通过getElementsByTagName,GetElementById来获取相应的元素,
这样得到的dom元素可以看作dom对象,例如:
var object=document.all.getElementById("id");
Jquery对象,是通过jquery封装了dom对象
var $object=$("#id").html();等同于var object=document.all.getElementById("id");
Jquery对象不能使用dom对象的方法,例如$("id").innerhtml不对,可以改为$("id").html(),
dom对象也不能使用jquery对象的方法,例如document.getElementById("id").html()会报错,可以改为document.getElementById("id").innerhtml
Dom对象与Jquery对象的转换
dom对象转换为Jquery对象,因为dom对象不能使用Jquery对象的方法,但是有些时候用Jquery对象的方法操作比较简单,因此有必要把dom对象转换为Jquery对象,只需要在dom对象前加$()把dom对象包括进去就可以了
例如
var domobject=document.all.getElementById("id");
var Jqueryobject=$(domobject);
Jquery对象转换为dom对象
因为Jquery对象本身是一个数组对象,而与dom对象的转换是针对某Jquery数组中某个元素,一次要用[index]或者get(index)
例如:
var allli=$("li");
var domobject=allli.get(0);或者var domobject=allli[0];