以前很简单的实现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循环出来对象即可。
更多信息请查看IT技术专栏