一、jquery对象与DOM对象区别
-
DOM对象:
- 在浏览器加载网页时,由浏览器负责创建
- 一个html标签对于一个DOM对象
- 可以通过管理DOM对象,来对关联html标签中属性进行操作
-
jquery对象:
-
是[jquery函数 $() ]负责创建的
-
jquery对象就是一个数组
-
jquery对象中存放着本次定位的dom对象
-
可以通过jquery对象中功能函数,来快速的对定位dom对象进行操作管理
-
<body>
<input type="checkbox" οnclick="selectAll()" id= "selectAllBt" />全选<br />
<input type="checkbox" class= "ah" />吃<br />
<input type="checkbox" class= "ah" />喝<br />
<input type="checkbox" class= "ah" />玩<br />
<input type="checkbox" class= "ah" />乐<br />
</body>
function selectAll(){
//jquery对象名称一般是以$开始
var $flag = $("#selectAllBt"); //获取id为selectAllBt的DOM对象
//实际上就是一个数组,length为4
var $objs = $(".ah"); //获取class为ah的所有DOM对象
}
注:需要导入jquery.js
二、jquery 对象与DOM对象的转换:
-
如何将jquery对象转换为DOM对象
var domObj; for (var i = 0; i < $objs.length; i++) { //将jquery对象转换成dom对象 domObj = $objs[i]; }
-
如何将DOM对象转换为jquery对象
本质就是将DOM对象变成jquery数组中的过程
var $obj = $(domObj); console.log($obj.length); //1
注: jquery对象与DOM对象之间属性和函数彼此不能调用