css选择器nthchild CSS中：nth-child和JQuery：eq的区别？

2021-03-13

2319

CSS中：nth-child和JQuery：eq的区别？：第n个子元素（n）选择器匹配属于其父元素的第n个子元素，而不考虑元素类型。例如，如果选择第二个元素，则可以使用第n个子元素（2）：eq（）选择

CSS中：nth-child和JQuery：eq的区别？

：第n个子元素（n）选择器匹配属于其父元素的第n个子元素，而不考虑元素类型。例如，如果选择第二个元素，则可以使用第n个子元素（2）：eq（）选择器直接选择具有指定索引值的元素。索引值从0开始，所有第一个元素的索引值都是0（不是1）。例如，第二个是EQ（1）而不是2

想法：用hide（）隐藏所有元素，用selectors first、first child、Nth child（1）等获取第一个元素，用show（）显示第一个元素。

1. HTML结构

</div>

2。JQuery代码

}]3。显示效果