.first() > 개발자팁

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

개발자팁

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

.first() 정보

jQuery .first()

본문

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

추천
0

댓글 0개

전체 571
개발자팁 내용 검색 jQuery에서

회원로그인

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