jQuery first() 方法

实例

在第一个 <div> 元素中选择第一个 <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. $("div p").first().css("background-color", "yellow");
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <h2>欢迎访问我的主页</h2>
  13. <div style="border:1px solid black">
  14. <p>这是 div 中的一个段落</p>
  15. <p>这是 div 中的一个段落</p>
  16. </div><br>
  17. <div style="border:1px solid black">
  18. <p>这是另外一个 div 中的段落</p>
  19. <p>这是另外一个 div 中的段落</p>
  20. </div>
  21. <p>这也是一个段落</p>
  22. </body>
  23. </html>

定义与用法

first() 方法返回所选元素中的第一个元素。

提示: 要返回最后一个元素,请使用 last() 方法。


语法

  1. $(selector).first()

更多实例

如何在一组 <p> 元素中选择第一个 <span> 元素

分类导航