jQuery ( ": first-child")

수다왕

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 1533 1533 · 댓글 1 1

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

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

예:

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

<!doctype html>

<head>

<title>first-child demo</title>

<style>

span {

color: #008;

}

span.sogreen {

color: green;

font-weight: bolder;

}

</style>

</head>

<body>

<div>

<span>Brandon</span>

</div>

<div>

<span>Ralph</span>

</div>

$( "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 쓰기

게시판 목록

개발자팁

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4706	jQuery	제이쿼리 jQuery( ":button" )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1514
4705	jQuery	제이쿼리 .bind( eventType [, eventData ], handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2169
4704	jQuery	제이쿼리 .before(content [,content])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1704
4703	jQuery	제이쿼리 Attribute Starts With Selector [name^=”value”]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2041
4702	jQuery	제이쿼리 Attribute Not Equal Selector [name!=”value”]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1831
4701	jQuery	제이쿼리 Attribute Equals Selector [name=”value”]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2062
4700	jQuery	제이쿼리 Attribute Ends With Selector [name$=”value”]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1743
4699	jQuery	제이쿼리 Attribute Contains Word Selector [name~=”value”]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1528
4698	jQuery	제이쿼리 Attribute Contains Selector [name*=”value”]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1337
4697	jQuery	제이쿼리 attributeContainsPrefix selector	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1753
4696	jQuery	제이쿼리 .attr (attributeName)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2372
4695	jQuery	제이쿼리 .appendTo( target )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1388
4694	jQuery	.append (content [, content])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1797
4693	jQuery	animated selector	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1775
4692	jQuery	.animate (properties [, duration] [, easing] [, complete])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2566
4691	jQuery	제이쿼리 andSelf()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2072
4690	jQuery	제이쿼리 all selector	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1964
4689	jQuery	제이쿼리 .ajaxSuccess(handler)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1942
4688	jQuery	.ajaxStop(handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1703
4687	jQuery	.ajaxStart(handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1118
4686	jQuery	.ajaxSend (handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1749
4685	jQuery	제이쿼리 .ajaxError (handler)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2493
4684	jQuery	제이쿼리 .ajaxComplete (handler)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2372
4683	jQuery	제이쿼리 .after()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1765
4682	PHP	제이쿼리 .addClass ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3086
4681	jQuery	제이쿼리 .addBack ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1608
4680	jQuery	제이쿼리 .add (selector)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1791
4679	PHP	is_null - 변수가 있는지 여부를 찾습니다.NULL	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2020
4678	PHP	is_iterable - 변수의 내용이 반복 가능한 값인지 확인합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2150
4677	PHP	is_int - 변수의 타입이 정수인지 찾기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2257