jquery - :nth-child(even) and :even in jquery 之间的区别

Question

jquery 中的

:nth-child(even) 和 :even 看起来很相似，但选择的元素不同。请让我知道其中的差异。

快乐编码...

Answer 1

下面是一个例子来说明差异:

http://jsfiddle.net/bEfT6/

:even 匹配您选择的元素集中的每个第二个元素。其中 :nth-child(even) 匹配属于其各自父级的偶数子级的任何元素。

因此，在示例中，您会看到两个选择器影响不同的元素。带有红色文本的元素与选定的类匹配，并且是父 div 的偶数编号的子元素。蓝色背景的与所选类别匹配，甚至在该选择范围内。

所以:

.something:nth-child(odd)

将每个元素与类 something 相匹配，该类是其父级的偶数子级。

.something:even

将所有其他元素与something类相匹配。 (无论与 sibling 的关系如何)