-
(一) 区别
- js对象不能使用jquery对象的方法和属性
- 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对象
- 通过索引
var $jqueryObj =$("#exampleId); //此时该对象为一个jquery对象 var domObj = $jqueryObj[0];- 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对象都是通过$()创建出来的
