jquery中:n子级(偶数)和:偶数之间的差异

jquery中:n子级(偶数)和:偶数之间的差异,jquery,Jquery,jquery中的第n个子(偶数)和:偶数看起来很相似,但选择了不同的元素。请让我知道区别 快乐编码…:偶数是基于0的,而:n子项是基于1的。这是来自:偶数 特别是,请注意,基于0的索引意味着,与直觉相反,偶数选择匹配集中的第一个元素、第三个元素等 这是为第n个孩子准备的 因为jQuery的:n个子(n)的实现严格地派生自CSS规范,所以n的值是“1索引的”,这意味着计数从1开始。然而,对于所有其他选择器表达式,jQuery遵循JavaScript的“0索引”计数 下面是一个例子来说明这一区别:

jquery中的第n个子(偶数)和
:偶数
看起来很相似,但选择了不同的元素。请让我知道区别


快乐编码…

:偶数
是基于0的,而
:n子项
是基于1的。这是来自
:偶数

特别是,请注意,基于0的索引意味着,与直觉相反,偶数选择匹配集中的第一个元素、第三个元素等

这是为第n个孩子准备的

因为jQuery的:n个子(n)的实现严格地派生自CSS规范,所以n的值是“1索引的”,这意味着计数从1开始。然而,对于所有其他选择器表达式,jQuery遵循JavaScript的“0索引”计数


下面是一个例子来说明这一区别:

:偶数
匹配所选元素集中的第二个元素。其中as
:第n个子元素(偶数)
匹配其各自父元素的偶数子元素

因此,在本例中,您可以看到这两个选择器影响不同的元素。红色文本的元素与所选类匹配,并且是父div的偶数子元素。蓝色背景的元素与所选类匹配,并且在该选择中为偶数

因此:

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

.something:even

将所有其他元素与类
某物
匹配。(无论与兄弟姐妹的关系如何)

虽然这是事实,但这只是一个微小的区别。这两个选择器在概念上是不同的。你刚刚发布的小提琴与这一说法相矛盾。有些元素有两种效果,有些元素只有一种。@kingjiv:你说得对——在FF中它们完全相同,但在Chrome中——不是这样。这看起来像是jQuery或Firefox中的一个bug?目前还没有FF可以查看,但是如果是这样的话,它看起来就像是一个明确的bug。据我所知,chrome中的结果是正确的。感谢kingjiv,这是一个很好的例子,他以简洁明了的方式给了我答案
.something:even