js对象与jquery对象

• (一) 区别

  1. js对象不能使用jquery对象的方法和属性
  2. jquery对象不能使用dom对象的方法和属性

    var domObj = document.getElementById("example")
    var $jqueryObj = $("#example);
    console.log($jqueryObj.innerHTML)
    console.log(domObj.html())
  

  捕获.PNG

  我们可以看到DOM对象并不能调用Jquery的html()方法,Jquery对象并不能使用DOM对象的innerHTML属性

• (二) 相互转换

  需要强调的是jquery对象是数组对象，基于此原理,可以进行jquery对象与js对象之间的相互转换

  • jquery对象转换为DOM对象
  1. 通过索引

   var $jqueryObj =$("#exampleId); //此时该对象为一个jquery对象 
   var domObj = $jqueryObj[0];
  
  

  2. get()方法

    var $jqueryObj =$("#exampleId);
    var domObj = $jqueryObj.get[0];
    domObj.innerHTML; //此时便可使用DOM对象的属性，变量为DOM对象
  

  • DOM对象转换为Jquery对象
    dom对象转为为jquery对象只需要$(dom对象)即可

    var domObj = document.getElementById("exampleId");
    var $jqueryObj = $(domObj);
  

tips:所有的jquery对象都是通过$()创建出来的