Dom对象与JQuery对象的区别
1、 概念理解
dom对象:是一个直接根据传统的(javaScrip)书写规则来定义对象的
jQuery对象:是根据Jquery类库中的选择器来获取对象的
注意:js 中的对象并不是我们理解上的类对象,而是一种类似键值对的复合类型创建
对象的方式,也就是属性:值的方式
例:var jsobj={};
varjsobj={
‘id’:123;
‘name’:’tom’
}
不支持:var m=new jsobj();
jQuery对象是通过jQuery包装Dom对象所产生的对象,两者的方法不能互调用
注意:
var domobj=document.getElementById(“foo”).innerHTML;
相当于
var jqobj=$(“#id”).html();
方法特有
实例:
var comobj=document.getElementById(“id”);//dom对象
var $jqobj=$(“#id”);//jQuery对象
2、相互转换
(1) dom对象转jQuery对象
理解:jquery本身就是对dom的一种封装,直接进行$()包装起来,可以直接进行
例:
var domobi=document.getElementById(“id”);//dom对象
转换
var jqobj=$(domobj);//jQuery对象
(2)jQuery对象转dom对象
理解:Jquery对象本身是一个数组对象,提供了两个方法将jquery对象转为com对象
[index]和get(index)就是通过下标对应的节点进行转换
例:var $jqobj=$(“#id”);//jquer对象
var domobj=$jqobj[0];
//vardomobj=$jqobj.get(0) ;
3、注意要点
(1) 类型转换之后可以随意调用对应的方法,dom对象不能调用jQuery对象中的方法,jquery对象也不能调用dom对象的方法,(jquery封装了Dom)
(2) jquery提供了一套完善的工具用于操作dom;
(3) 平时用到的jquery对象都是通过$()函数制造出来的,$()函数就是一个jquery对象的制造工厂.(类似于java中的构造方法)
4、书写的规范
在定义对象时候jquery对象前加$用以区分dom对象