jQuery( ":first" ) > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

jQuery( ":first" ) 정보

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

추천
0

댓글 0개

전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT