网站制作学习网JS脚本→正文:jquery对象转换成Dom对象
字体:

jquery对象转换成Dom对象

JS脚本 2012/11/23 10:06:28  点击:不统计


以前很简单的实现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">forasp.cn</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循环出来对象即可。

 


·上一篇:jquery content >>    ·下一篇:jquery获取对象在数组对象中的索引值 >>
推荐文章
最新文章