如何实现js对象和jquery对象的相互转换

JavaScript011

如何实现js对象和jquery对象的相互转换,第1张

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) //检测这个checkbox是否选中了

(2)另一种方法是jQuery本身提供的，通过get(index)方法得到相应的DOM对象。

jQuery代码如下：

复制代码代码如下:

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

var cr = $cr.get(0)

alert(cr.checked)

JS对象，是一个名值对的无序集合。

jquery对象，是jquery特有的对象，只有调用jquery框架才存在。其实jquery对象，也是一种js对象。

jquery对象和js对象可以相互转换，例如

$("#div").get(),即可以把一个jquery对象转换为js对象。

最主要的区别，js对象上的方法，不能直接用在jquery对象上，如果一定要给jquery对象使用js对象的方法，必须把jquery对象转换为js对象。jquery对象，则可以随意使用jquery定义的方法。

函数是可以调用的，方法就不能调用，还有，JQ的函数里的对象是JQ，而JS和JQ的方法不能混着用，如果你JQ想用JS的方法就把对象转成JS对象，如果JS想用JQ的方法就把JS对象转成JQ对象

1

2

3

4

5

6

7

// JS获取对象

var obj = document.getElementById('id')

// 把JS对象转换到jQuery对象

var $obj = $(obj)

var $obj = $('#id')

// jQuery对象转换到JS对象

var obj = $obj.get(0)