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 $divObject = $("#div_body");
     //DOM对象

     var divObject1 = $divObject.get(0);

相关文章: