# :first Selector

所属分类：选择器 > 基础过滤 | 选择器 > jQuery 扩展 英文文档：:first Selector

## first selector

描述: 选择第一个匹配的元素。

- #### 添加的版本: 1.0jQuery( ":first" )

`:first`伪类选择器相当于`:eq(0)`。它也可以写为`:lt(1)`。虽然:first只匹配一个单独的元素，但是`:first-child`选择器可以匹配多个：即为每个父级元素匹配第一个子元素。

### Additional Notes（其他注意事项）:

- 因为 `:first()` 是一个 jQuery 延伸出来的一个选择器。 并且不是的CSS规范的一部分, 使用`:first()`查询不能充分利用原生DOM提供的`querySelectorAll()` 方法来提高性能。为了在现代浏览器上获得更佳的性能，请使用`.filter(":first")`代替。
- 被选中的元素按照他们在文档中出现的顺序。

## 例子:

#### 查找第一个表行。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
    <!DOCTYPE html><html><head>  <style>   td { color:blue; font-weight:bold; }  </style>  <script src="https://code.jquery.com/jquery-latest.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>

#### Demo: