:first 选择器
分类：选择器 > 基本筛选选择器 | 选择器 > jQuery扩展选择器
first selector
描述：选择第一个匹配的元素。
加入于: 1.0
jQuery( ":first" )该:first伪类等同于:eq( 0 )。它还可以写成:lt( 1 )。它只匹配一个元素，与此同时:first-child可以匹配超过一个元素：每个父元素一个。
其它说明
- 因为
:first是一个jQuery扩展，不是CSS规范文档的一部分，使用:first查询不能充分利用原生的DOM提供的querySelectorAll()方法来提高性。要想在使用:first选择元素时取得最佳性能，先使用一个纯CSS选择器选择元素，然后使用.filter(":first")作筛选。 - 选中的元素以它在document中出现的顺序。
示例
找到第一个表行。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>first demo</title>
<style>
td {
color: blue;
font-weight: bold;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.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>
演示结果