                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

$('#menu .tag a:eq(8)')

//不分男女，选中第一类衣服中第9个a元素，并改变颜色

//这里用了nth-child 选择的他们所有父元素的第n个子元素

此处用 $('#menu .tag a:nth-child(10)').css('color','#66CD00'); 可以选出两个class='tag'的第9个a元素

但是用$('#menu .tag a:eq(8)').css('color','#66CD00'); 只能选出第一个class='tag'的第9个a元素，为什么？

strawIce

2016-09-19

源自：jQuery基础 (一)—样式篇 2-16

关注问题我要回答

778

操作

收起

2 回答

蓝璇梦幻回答被采纳 +3 积分
2016-09-23

:nth-child()——匹配的是其父元素下的第N个子元素，而父元素可能有多个，所以第N个子元素就可能有多个；

:eq(index)——只匹配集合下的一个元素，没有父元素之说，相当于把":"之前符合的元素都集中在一个数组里，然后只选取一个索引值为index的元素；

之间的区别只要记得案例就好~~

1 回复有任何疑惑可以回复我~

收起回答

strawIce 提问者

谢谢

2016-09-23 回复有任何疑惑可以回复我~

蓝璇梦幻回复 strawIce 提问者

不客气

2016-09-23 回复有任何疑惑可以回复我~

小丨小菜鸟
2016-09-19

$('.list ul li:nth-child(2)')以这个为例

nth-child是选择所有ul下的li,而eq只选择第一个ul下的li,记住两个的区别就行

1 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

jQuery基础 (一)—样式篇

参与学习 217508 人
解答问题 1218 个

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

进入课程

本课相似问答

2 回答为什么不能用 $("#menu div .tag dl dd>a:eq(10)")

4 回答$("#menu div.tag dd a:nth-child(10)")10是什么鬼?用a:eq(8)不行吗

2 回答为什么a:eq(8)不能选着所有的只能选着出一个呢

3 回答求问最后一个【$('.tag a:last-child').css('color','#C71585');】

1 回答 $("#tag p:first-child")这样为什么选择不了任何元素？

搜索更多本课相关问答

$('#menu .tag a:eq(8)')

我要回答关注问题

热搜

最近搜索清空

$('#menu .tag a:eq(8)')

2 回答

本课相似问答

$('#menu .tag a:eq(8)')