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

.first()

· 8년 전 · 1432

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
15935
15934
15933
15932
15931
15930
15929
15928
15924
15923
15922
15921
15920
15919
15917
15916
15915
15914
15913
15912
15911
15910
15909
15908
15907
15906
15901
15900
15899
15898