DOM对象和jQuery对象的关系
因为在学习jQuery过程中进入了一些误区，有时候会搞混了函数、构造函数、DOM对象和jQuery对象的区别，幸得老师提醒，现整理一些容易出错的地方。切记切记。
现有HTML：
<body>
<div id='xxx'>div</div>
</body>
构造对象
- DOM对象
DOM对象，即是我们用传统的方法(javascript)获得的对象。
var xxx = document.getElementById('xxx')
- jQuery对象
jQuery对象就是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的。
$('#xxx')
区别
-
原型
- DOM对象的原型为Node.prototype
- jQuery对象的原型为jQuery.prototype
-
属性
- dom对象不能使用jquery方法
- jquery对象不能使用dom的方法
联系
- DOM对象转换成jQuery对象
// 方法1
var xxx = $("#xxx")[0];
// 方法2
var xxx=$xxx.get(0);
转换后就可以使用jQuery方法了。
- jQuery对象转换成DOM对象
var xxx=document.getElementById("xxx"); //dom对象
var $xxx = $(xxx); //转换成jquery对象
转换后就可以使用DOM方法了。