jquery - jq中选择器 :eq(index)与DOM遍历的 .eq(index),有什么区别吗?
本文介绍了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屋!
查看全文