jquery - :first and :first-child not clear 之间的区别

Question

我有一个 ul li 列表

<ul>
<li>Parent
    <ul>
       <li>
          child1
       </li>
       <li>
          child2  
       </li>

    </ul>
</li>
</ul>

我正在尝试使用选择器 jQuery('ul li:first') 和 jQuery('ul li:first-child') 都给出相同的结果结果这让我对两者之间的区别感到困惑是否有一个例子可以阐明两个选择器之间的区别

Answer 1

来自官方文档:

The :first pseudo-class is equivalent to :eq(0). It could also be written as :lt(1). While this matches only a single element, :first-child can match more than one: One for each parent.

虽然 :first 仅匹配单个元素，但 :first-child 选择器可以匹配多个元素:每个父元素一个。这相当于 :nth-child(1)。

http://api.jquery.com/first-selector/

更新:

这是使用 :first-child 的示例:

http://jsbin.com/olugu

您可以查看其源代码并自行编辑。如果将 :first-child 替换为 :first，它只会突出显示第一个单词。这是为他们定义的。

这是使用 :first 的示例:

http://jsbin.com/olugu/2