JQ first-child与:first的区别以及nth-child(index)与eq(index)的区别

时间:2023-03-10 02:03:28
JQ first-child与:first的区别以及nth-child(index)与eq(index)的区别

1.first-child和:first区别

first-child  是指选取每个父元素的第一个子元素

如$("div:first-child")指每个父级里的第一个div孩子

:first 是指选取第一个元素

如$("li:first")值得是整体第一个li标签

两个在数量上有很大区别,first-child会检测到每一个有子集的元素里面的第一个符合的元素,而:first只全文的第一个符合的元素

2.nth-child(index)与eq(index)的区别

这两个选择器和上面两个区别相似,

nth-child(index)指每个父级下的第几个元素,接受odd和even,即奇偶数

eq(index)指第几个元素,全文只有一个

不过两个选择器最明显的差异是:

nth-child(index)中,index是从1开始,而eq(index)中,index从0开始.