以前很简单的实现dom对象转换为jquery对象,也就是$(dom对象)这就转换成为jquery对象了。
反过来讲,怎么将jquery对象转换为dom对象呢?
在jquery电子书中有get()和get(index)的方法,是将jquery对象转换为dom对象的。
先看jquery的get()方法:
取得所有匹配的 dom 元素集合。
get()返回的是一个集合,不是单个的元素。
代码如下:
<div class=forasp>网站</div>
<div class=forasp>制作</div>
<div class=forasp>学习</div>
<div class=forasp>anypoetry.com</div>
$(function(){
var obj_a = $(.forasp).get();
var forasp = obj_a.length;
for(var cn=0;cn<forasp;cn++){
alert(obj_a[cn].innerhtml);
}
}
看到obj_a 是dom对象,有innerhtml的属性,直接将对应的的内容输出,证明了是dom对象
然后我们再看get(index),这个index就是索引,上面返回的是数组,index就是数组索引如果是0则获
取的是第一个dom对象。
$(.forasp).get(0).innerhtml;//的值是网站
在将jquery对象转换为dom对象还有,直接将jqueryd对象当做数组,后面直接跟索引即可。
$(.forasp)[0].innerhtml;//的值是网站
$(.forasp)[1].innerhtml;//的值是学习
于是有了jquery对象的转换等价:
$(.forasp)[0]==$(.forasp).get(0)==$(.forasp).get()[0]
以上的索引是0,返回的均为dom对象,并且以上返回相同。
当我们用jquery获取数组时,将jquery对象数组转换为dom数组呢?
将上面的0用for循环出来对象即可。