jquery中的 :first和 :first-child有区别吗

发布网友 发布时间：2022-04-21 09:38

我来回答

共5个回答

热心网友 时间：2022-04-21 11:07

我给你打个比方来说吧～
<ul>
<li>Test1<li>
<li>aaaaa<li>
<li>bbbbb<li>
</ul>

<ul>
<li>Test2<li>
<li>ccccc<li>
<li>ddddd<li>
</ul>

用first-child可以取出每一个<ul>之中的<li>元素，用first就不行。明白？

//print Test1 Test2

热心网友 时间：2022-04-21 12:25

':first' 只匹配一个元素，而':first-child'选择符将为每个父元素匹配一个子元素

热心网友 时间：2022-04-21 14:00

<table>
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>

<tr><td>Row 3</td></tr>
</table>
<script>$("td:first-child或者first").css("color", "red");</script>

first:Row1为红色
first-child:三个Row都为红色
分别表示：第一个td 和 每个td的第一个元素

热心网友 时间：2022-04-21 15:51

('table td:first-child')会匹配每个'TR'下的第一个'td'

热心网友 时间：2022-04-21 17:59

first-child selector

Description: Selects all elements that are the first child of their parent.
http://api.jquery.com/first-child-selector/

:first Selector
Description: Selects the first matched element.
http://api.jquery.com/first-selector/