: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>