• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • :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="https://www.lanmper.cn/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