jQuery( ":first" )
jQuery( ":first" )
설명 : 일치하는 첫 번째 DOM 요소를 선택합니다.
:first의사 클래스에 해당합니다 :eq( 0 ). 그것은 또한 다음과 같이 쓸 수 있습니다 :lt( 1 ). 이 요소는 하나의 요소와 만 일치하지만 첫 번째 자식 은 둘 이상의 요소 와 일치 할 수 있습니다.
추가 참고 사항 :
:firstjQuery 확장이며 CSS 사양의 일부가 아니기 때문에 사용하는 쿼리 :first는 기본 DOM querySelectorAll()메서드 에서 제공하는 성능 향상을 이용할 수 없습니다 . :first요소를 선택 하는 데 사용할 때 최상의 성능을 얻으려면 먼저 순수한 CSS 선택 도구를 사용하여 요소를 선택한 다음를 사용하십시오 .filter(":first").
선택된 요소는 문서에 나타나는 순서대로 있습니다.
예:
첫 번째 테이블 행을 찾습니다.
<!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>