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对象