浅谈jQuery中的eq()与DOM中element.[]的区别

前端之家收集整理的这篇文章主要介绍了浅谈jQuery中的eq()与DOM中element.[]的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如下所示:

<Meta charset="UTF-8"> Title

<a class="a">#1
<a class="a">#2
<a class="a">#3
<script src="js/jq.js">

$('.a') // 选择了3个a,都是jq对象(可以用jq的属性方法

$('.a').eq(1) // 选择了第二个a,是jq对象(不可以使用dom属性方法,可以用jq的属性方法

$('.a')[1] // 选择了第二个a,是dom对象(可以使用dom属性方法,不可以使用jq属性方法

$('.a').eq(1)[0] // 选择了第二个a,并且转化成都是dom对象(可以使用dom属性方法,不可以使用jq属性方法

-----由此可见,jquery将js的又包装了一层,jq属性可以剥开包装调用dom属性,而dom则无法调用jq的属性方法

$('.a')[0].eq(1) // 错误,因为dom对象用不了jq方法,eq()是jq方法

以上就是小编为大家带来的浅谈jQuery中的eq()与DOM中element.[]的区别全部内容了,希望大家多多支持编程之家~

猜你在找的jQuery相关文章