写小项目的时候遇到jQuery对象与DOM对象的问题,搜集了一点两者区别及相互转换的知识,在此记录一下。
1. jQuery对象就是通过jQuery包装DOM对象后产生的对象。
jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;
例如:$("#img").attr("src")
;这里的$("#img")
就是jQuery对象。
jQuery对象语法:$(“jQuery选择器”)。
2. DOM对象就是Javascript固有的一些对象操作。能使用Javascript固有的方法,但是不能使用jQuery里的方法。
取得DOM对象语法:document.getElementById("id")
。
3. 两者转换:
DOM对象转换成jQuery对象
如:var v=document.getElementById("v");
//DOM对象
var $v=$(v);
//jQuery对象
转换后,就可以任意使用jQuery的方法了。jQuery对象转成DOM对象:
jQuery对象就是一个数组对象。两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);
(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。如:
var $v =$("#v") ;
// jQuery对象
var v=$v[0];
//DOM对象
alert(v.checked);
//检测这个checkbox是否被选中。
(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象如:
var $v=$("#v");
//jQuery对象
var v=$v.get(0);
//DOM对象
alert(v.checked);
//检测这个checkbox是否被选中