jQuery对象和DOM对象之间的相互转换

DOM对象:DOM(Document Object Model,文档对象模型),每一份DOM都可以表示成为一棵树,DOM对象可以使用javascript中的方法。

jQuery对象:jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的。

DOM对象和jQuery对象彼此之间是不能使用彼此的方法的,通过转换之后就可以了。

1. jQuery对象转成DOM对象

把jQuery对象转成DOM对象之后就可以使用DOM对象的方法了。转换方式有两种,即[index]和get(index)。

(1). jQuery对象是一个类似于数组的对象,可以通过[index]的方法得到相应的DOM对象。

jQuery代码如下:

var $cr=$('#tt'); //jQuery对象
var cr=$cr[0];    //DOM对象
alert(cr.checked);    //检测这个checked是否被选

(2). 通过get(index)方法得到相应的DOM对象,这种方式是jQuery本身提供的。

var $cr=$('#tt'); //jQuery对象
var cr=$cr.get(0);    //DOM对象
alert(cr.checked);    //检测这个checked是否被选中

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

把DOM对象转换成jQuery对象之后就可以使用jQuery中的方法了。

只要用$()把DOM对象包装起来,就可以获得一个jQuery对象,方式为:$(DOM);如下所示:

var cr = document.getElementById('cr');    //DOM对象
var $cr = $(cr);    //jQuery对象

知识点:平时用到的jQuery对象都是通过$()函数制造出来的,$()函数就是一个jQuery对象的制造工厂。