jQuery ( ": first-child")

수다왕

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

· 8년 전 · 조회 1532 1532 · 댓글 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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4766	jQuery	event.isPropagationStopped ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1671
4765	jQuery	event.isImmediatePropagationStopped ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1348
4764	jQuery	event.isDefaultPrevented()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2160
4763	jQuery	event.delegateTarget	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1853
4762	jQuery	event.data	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1625
4761	jQuery	.eq( index )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1932
4760	jQuery	.end()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1294
4759	jQuery	.empty ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1596
4758	jQuery	.each()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1310
4757	jQuery	.die ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1273
4756	jQuery	.detach ([selector])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1495
4755	jQuery	.dequeue( [queueName ] )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1646
4754	jQuery	.delegate (selector, eventType, handler)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1611
4753	jQuery	.delay (duration [, queueName])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1766
4752	jQuery	deferred.then (doneFilter [, failFilter] [, progressFilter])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1519
4751	jQuery	deferred.state ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1838
4750	jQuery	deferred.resolveWith (context [, args])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1981
4749	jQuery	deferred.resolve( [args ] )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1439
4748	PHP	http:// 를 https:// 로 이동하는 방법	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2809
4747	jQuery	deferred.rejectWith (context [, args])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1389
4746	jQuery	deferred.reject ([args])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1645
4745	jQuery	deferred.promise( [target ] )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1651
4744	jQuery	deferred.progress (progressCallbacks [, progressCallbacks])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1531
4743	jQuery	deferred.pipe ([doneFilter] [, failFilter])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1612
4742	jQuery	deferred.notifyWith( context [, args ] )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1702
4741	jQuery	deferred.notify (args)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1597
4740	jQuery	deferred.isResolved ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1600
4739	jQuery	deferred.isRejected()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1796
4738	jQuery	deferred.fail (failCallbacks [, failCallbacks])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1306
4737	jQuery	deferred.done (doneCallbacks [, doneCallbacks])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2096