jQuery對象與DOM對象之間的轉換方法

JQuery對象Dom對象

一、屬性和方法介紹

1.       jQuery對象是通過jQuery包裝DOM對象後產生的對象。

2.       在瀏覽器中，Document 對象表示整個 HTML 文檔。

二、獲取方法。

1.       $()方法返回對象都是jquery對象

2.       HTML DOM 定義了多種查找HTML頁面元素的方法。document.getElementXXX()；

       getElementById();、getElementsByName(); 、getElementsByTagName();

3.       例子（獲取ID爲test的元素內的html代碼）

       $("#test").html();        //其中html()是jQuery裏的方法

       document.getElementById("id").innerHTML;//

三、轉換方法。

1.      JQuery轉Dom對象（“[index]和.get(index)”）方法。

1.1、對象是一個數據對象，可以通過[index]的方法，來得到相應的DOM對象。

         var $v = $("#v");           //jQuery對象

         var v = $v[0];                //DOM對象

1.2、jQuery本身提供，通過.get(index)方法，得到相應的DOM對象

        var $v = $("#v");           //jQuery對象

        var v = $v.get(0);          //DOM對象

2.     DOM對象轉成jQuery對象（用“$()”元素包裹dom元素即可，$(DOM對象)

        var v = document.getElementById("v");//DOM對象

        var $v = $(v);                //jQuery對象

四、注意事項。

1.     常見的dom元素：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]。

        $("#msg").html();

        $("#msg")[0].innerHTML;

        $("#msg").eq(0)[0].innerHTML;

        $("#msg").get(0).innerHTML;

2.      JQuery元素和Dom元素不可以混用

        $("#MyTr").rowIndex;                 //錯誤

        document.getElementById("MyTr").rowIndex;         //正確

        相關轉換：

        $("#MyTr").attr("rowIndex")===$("#MyTr").get().rowIndex===document.getElementById("MyTr").rowIndex