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物件