jQuery对象与DOM对象

写小项目的时候遇到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是否被选中