jquery对象转换成Dom对象
2014-09-12来源:易贤网

以前很简单的实现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技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息