테스트 사이트 - 개발 중인 베타 버전입니다

.first()

· 8년 전 · 1436

.first()


설명 : 일치하는 요소 집합을 집합의 첫 번째 집합으로 줄입니다.


DOM 요소 집합을 나타내는 jQuery 객체가 주어지면이 .first()메서드는 해당 집합의 첫 번째 요소에서 새 jQuery 객체를 생성합니다.


간단한 목록이있는 페이지를 고려해보십시오.


<ul>

  <li>list item 1</li>

  <li>list item 2</li>

  <li>list item 3</li>

  <li>list item 4</li>

  <li>list item 5</li>

</ul>

이 메소드를 목록 항목 집합에 적용 할 수 있습니다.


$( "li" ).first().css( "background-color", "red" );

이 호출의 결과는 첫 번째 항목에 대한 빨간색 배경입니다.


예:

단락의 첫 번째 범위를 강조 표시하십시오.


<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>first demo</title>

  <style>

  .highlight{

    background-color: yellow

  }

  </style>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>

 

<p>

  <span>Look:</span>

  <span>This is some text in a paragraph.</span>

  <span>This is a note about it.</span>

</p>

 

<script>

$( "p span" ).first().addClass( "highlight" );

</script>

 

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

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