:first

选择第一个匹配的元素。

jQuery(":first")

:first 伪类选择器相当于 :eq(0) 。它也可以写为 :lt(1) 。虽然:first只匹配一个单独的元素，但是 :first-child 选择器可以匹配多个：即为每个父级元素匹配第一个子元素。

注意

  • 因为 :first() 是一个 jQuery 延伸出来的一个选择器。并且不是的CSS规范的一部分，使用 :first() 查询不能充分利用原生DOM提供的 querySelectorAll() 方法来提高性能。为了在现代浏览器上获得更佳的性能，请使用 .filter(":first") 代替。
  • 被选中的元素按照他们在文档中出现的顺序。

例子

查找第一个表行。 

<!DOCTYPE html>
<html>
<head>
  <style>
 
  td { color:blue; font-weight:bold; }
  </style>
  <script src="./static/js/jquery-3.5.0.js"></script>
</head>
<body>
  <table>
    <tr><td>Row 1</td></tr>
    <tr><td>Row 2</td></tr>
 
    <tr><td>Row 3</td></tr>
  </table>
<script>$("tr:first").css("font-style", "italic");</script>
 
</body>
</html>

上篇： :odd

下篇： :last