jquery 对象定义-jQuery对象与DOM对象之间转换的方法介绍

在讨论 jQuery 对象和 DOM 对象的交换之前，首先要就定义变量的风格达成一致。 如果获取的对象是jQuery对象jquery 对象定义，则在变量前面添加$，例如：

var $variable = jQuery 对象；

如果获取到DOM对象，则定义如下：

var 变量 = DOM 对象；

1.将jQuery对象转换为DOM对象

jQuery 对象不能使用 DOM 中的方法，但是如果您不熟悉 jQuery 对象提供的方法，或者 jQuery 没有封装所需的方法，而您必须使用 DOM 对象，有两种方法可以处理。 jQuery 提供了两种将 jQuery 对象转换为 DOm 对象的方法，即 [index] 和 get(index)。

(1) jQuery对象是一个字段对象，可以通过[index]获取对应的DOM对象。

jQuery代码如下：

var $cr = $("#cr"); //jQuery对象

var cr = $cr[0] //DOM 对象

alert(cr.checked) //检查该复选框是否被选中

(2)另一种方式是jQuery本身提供的jquery 对象定义，通过get(index)方法获取对应的DOM对象。

jQuery代码如下：

[js]var $cr = $("#cr");

var cr = $cr. 获取（0）；

警报（cr.检查）

2.将DOM对象转换为jQuery对象

对于 DOM 对象，只需要用 $() 包裹 DOM 对象即可得到 jQuery 对象。 该方法是$（DOM对象）。

jQuery代码如下：

var cr = document.getElementByID("cr"); //DOM对象

var $cr = $(cr);

转换后，您可以使用 jQuery 中的任何技巧。

通过上面的方法，jQuery对象和DOM对象可以任意相互转换。

最后指出，DOM 对象可以使用 DOM 中的方法，jQuery 对象不能使用 DOM 中的方法，但是 jQuery 对象提供了一套日益成熟的操作 DOM 的工具