jquery - jq中选择器 :eq(index)与DOM遍历的 .eq(index),有什么区别吗?

查看:97
本文介绍了jquery - jq中选择器 :eq(index)与DOM遍历的 .eq(index),有什么区别吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

下面的两句jq代码效果一样,有什么区别呢?

<body>
   <div id="main">
     <div>12</div>
     <div>34</div>
     <div>56</div>
   </div>
</body>
<script src="jquery-2.2.3.js"></script>
<script>
    $("#main>div:eq(1)").css('color', 'red');
    $("#main>div").eq(1).css('color', 'blue');
</script>

解决方案

css xpath规范里面只有下面三个,没有eq
:first-child
:nth-child(n)
:last-child

所以选择器里的eq,需要由jquery去解析实现,无法实现原生dom方法querySelectorAll(),所以官方也更推荐eq()函数

http://api.jquery.com/eq-selector/

这篇关于jquery - jq中选择器 :eq(index)与DOM遍历的 .eq(index),有什么区别吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆