天天看點

JavaScript DOM對象和JQuery對象互相轉換

1、分析源代碼

2、執行結果

(1)初始化

JavaScript DOM對象和JQuery對象互相轉換

(2)點選”JavaScript DOM對象轉換成JQuery對象“button

JavaScript DOM對象和JQuery對象互相轉換

(3)點選”JQuery對象轉換成JavaScript DOM對象“button

JavaScript DOM對象和JQuery對象互相轉換

3、分析說明

(1)JavaScript DOM對象轉換成JQuery對象

       //DOM對象

       var divObject = document.getElementById("div_body");

       //jQuery對象

      var $divObject = $(divObject);

(2)JQuery對象轉換成JavaScript DOM對象

方法一:

     //jQuery對象

     var $divObject = $("#div_body");

     //DOM對象

     var divObject = $divObject[0];

方法二:

    //jQuery對象

     var divObject1 = $divObject.get(0);

<b>本文轉自mfrbuaa部落格園部落格,原文連結:</b><b>http://www.cnblogs.com/mfrbuaa/p/5360806.html</b><b>,如需轉載請自行聯系原作者</b>

繼續閱讀