jquery对象与js对象的相互转换方法

何为js对象：

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...

何为jquery对象：

jquery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。

对象转换的目的：

jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般情况下，如S(’#id’)得到的是jquery对象，它不能使用js中的dom方法。所以，如果jquery对象要使用标准的dom方法，就需要进行对象转换。

jQuery对象转成DOM对象：

两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);

(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。

例：

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

var box=$box[0]; //DOM对象

(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象
例：

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

var box=$box.get(0); //DOM对象

DOM对象转成jQuery对象:

对于已经是一个DOM对象，只需要用$()把DOM对象包起来，就可以获得一个jQuery对象了。$(DOM对象)

例：

var box=document.getElementById("box"); //DOM对象

var $box=$(box); //jQuery对象

jQuery对象和DOM对象通过相互转换后就可以使用相应对象的方法啦。

本文固定链接: http://www.webzsky.com/?p=777 | 蓝戒的博客