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

jQuery对象和DOM对象的互相转换
在上面第一点说了,jquery对象和dom对象是不一样的!比如jquery对象不能使用dom
的方法,dom对象不能使用jquery方法,那假如我 jquery没有封装我要的方法,那能怎么
办呢?
这时我们可以将jquer对象转换成dom对象
2.1 jquery对象转换成 dom对象
jquery提供了两种方法将一个jquery对象转换成一个dom对象,即[index]和get(index)
可能有人会觉得奇怪,怎么是用下标呢,没错,jquery对象就是一个数组对象.
下面代码将演示一个jquery对象转换成dom对象,再使用dom对象的方法
复制代码 代码如下:
var $cr=$("#cr"); //jquery对象
var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0);
alert(cr.checked); //检测这个checkbox是否给选中
2.2 dom对象转换成jquery对象
对于一个dom对象,只需要用$()把dom对象包装起来,就可以获得一个jquery对象了,
方法为$(dom对象);
复制代码 代码如下:
var cr=document.getElementById("cr"); //dom对象
var $cr = $(cr); //转换成jquery对象
转换后可以任意使用jquery中的方法了.
通过以上的方法,可以任意的相互转换jquery对象和dom对象.
最后再次强调,dom对象才能使用dom中的方法,jquery对象不可以使用dom中的方法,
但 jquery对象提供了一套更加完善的工具用于操作dom, 平时用到的jquery对象都是通
过$()函数制造出来的,$()函数就是一个jquery对象的制造工厂。
总结:
DOM对象转化为jQuery对象:$(DOM对象)
 jQuery对象转化为DOM对象:jQuery对象[0]、 jQuery对象.get(0)

你可能感兴趣的:(jquery)