jQuery :first 选择器

实例

选择第一个 <p> 元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("p:first").css("background-color", "yellow");
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <p>这是第一个段落</p>
  13. <p>这是第二个段落</p>
  14. <p>这是最后一个段落</p>
  15. </body>
  16. </html>

定义与用法

:first 选择器选择第一个元素。

注意:此选择器只能选择一个元素。可以使用 :first-child 选择器选择多个元素(每个父元素一个)。

这通常与另一个选择器一起使用,以选择组中的第一个元素(如上面的实例所示)。

提示:要选择组中的最后一个元素,请使用 :last 选择器。


语法

  1. $(":first")

更多实例

:first 与 :first-child 的不同点

展示 :first:first-child 的不同点

分类导航