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

jQuery ( ": first-child")

수다왕
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 8년 전 · 1531 · 1

jQuery ( ": first-child")


설명 : 부모의 첫 번째 하위 요소 인 모든 요소를 ​​선택합니다.


반면 : 첫 번째 요소는 하나만 일치 하지만 :first-childselector는 둘 이상 (하나의 부모에 대해 하나)과 일치 할 수 있습니다. 이것은에 해당합니다 :nth-child(1).


예:

일치하는 div의 첫 번째 범위를 찾아서 밑줄을 긋고 호버 상태를 추가합니다.


<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>first-child demo</title>

  <style>

  span {

    color: #008;

  }

  span.sogreen {

    color: green;

    font-weight: bolder;

  }

  </style>

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

</head>

<body>

 

<div>

  <span>John,</span>

  <span>Karl,</span>

  <span>Brandon</span>

</div>

<div>

  <span>Glen,</span>

  <span>Tane,</span>

  <span>Ralph</span>

</div>

 

<script>

$( "div span:first-child" )

  .css( "text-decoration", "underline" )

  .hover(function() {

    $( this ).addClass( "sogreen" );

  }, function() {

    $( this ).removeClass( "sogreen" );

  });

</script>

 

</body>

</html>

목록
이전글 다음글

댓글 작성

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

로그인하기

댓글 1개

long5472
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전
스크립트 nth-child 쓰기

게시글 목록

번호 제목
15854
jQuery deferred.catch( failFilter )
15853
jQuery deferred.always (alwaysCallbacks [, alwaysCallbacks])
15852
jQuery .dblclick (handler)
15851
jQuery 제이쿼리 .data()
15849
jQuery .css (propertyName)
15848
jQuery .contextmenu( handler )
15847
jQuery .contents()
15843
PHP php 구글 OTP 연동 테스트 하던 자료 9
15842
jQuery jQuery ( ": contains (text)")
15841
jQuery .closest (selector)
15840
jQuery .clone( [withDataAndEvents ] )
15839
jQuery 제이쿼리 .click( handler )
15838
jQuery 제이쿼리 .clearQueue ([queueName])
15837
jQuery 제이쿼리 jQuery( ".class" )
15836
jQuery 제이쿼리 .children ([selector])
15835
jQuery 제이쿼리 jQuery ( ": checkbox")
15834
jQuery 제이쿼리 .change( handler )
15833
jQuery 제이쿼리 callbacks.remove( callbacks )
15832
jQuery 제이쿼리 callbacks.locked ()
15831
jQuery 제이쿼리 callbacks.lock()
15830
jQuery 제이쿼리 callbacks.has ([callback])
15829
jQuery 제이쿼리 callbacks.fireWith ([context] [, args])
15828
jQuery 제이쿼리 callbacks.fired()
15826
jQuery 제이쿼리 callbacks.fire (arguments)
15825
jQuery 제이쿼리 callbacks.fire (arguments)
15824
jQuery 제이쿼리 callbacks.empty()
15823
PHP rsa 암호화 클래스
15822
jQuery 제이쿼리 callbacks.disable ()
15821
jQuery 제이쿼리 callbacks.add( callbacks )
15820
jQuery 제이쿼리 .blur( handler )
이전 다음
전체 목록