제이쿼리 .before(content [,content])

수다왕

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

· 8년 전 · 조회 1705 1705

설명 : 일치하는 요소 세트의 각 요소 앞에 매개 변수로 지정된 컨텐츠를 삽입하십시오.

.before()및 .insertBefore()방법은 동일한 작업을 수행합니다.

주요 차이점은 구문과 특히 콘텐츠 및 대상의 배치에 있습니다.

With를 사용하면 .before()삽입 할 내용은 메서드의 인수에서 가져옵니다

$(target).before(contentToBeInserted). 로 .insertBefore(),

다른 한편으로는, 내용이 방법을 선행하고 차례로으로 전달되는 대상,

전에 삽입

.insertBefore()방법의 주장 : $(contentToBeInserted).insertBefore(target).

다음 HTML을 고려하십시오.

<h2>Greetings</h2>

<div class="inner">Hello</div>

<div class="inner">Goodbye</div>

</div>

한 번에 여러 요소 앞에 내용을 작성하고 삽입 할 수 있습니다.

$( ".inner" ).before( "<p>Test</p>" );

각 내부 <div>요소는이 새로운 내용을 얻습니다.

<h2>Greetings</h2>

<div class="inner">Hello</div>

<div class="inner">Goodbye</div>

</div>

페이지에서 요소를 선택하여 다른 요소 앞에 삽입 할 수도 있습니다.

$( ".container" ).before( $( "h2" ) );

이 방법으로 선택한 요소가 DOM의 다른 위치의 단일 위치에 삽입되면 대상 앞에 복제본이 이동합니다.

<h2>Greetings</h2>

<div class="inner">Hello</div>

<div class="inner">Goodbye</div>

</div>

중요 : 그러나 하나 이상의 대상 요소가있는 경우 마지막 요소를 제외한 각 대상에 대해 삽입 된 요소의 복제본이 만들어집니다.

<!doctype html>

<head>

<title>before demo</title>

<style>

p {

background: yellow;

}

</style>

</head>

<body>

$( "p" ).before( "<b>Hello</b>" );

</script>

</body>

</html>

댓글 작성

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

로그인하기

게시판 목록

개발자팁

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4766	jQuery	event.isPropagationStopped ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1675
4765	jQuery	event.isImmediatePropagationStopped ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1349
4764	jQuery	event.isDefaultPrevented()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2164
4763	jQuery	event.delegateTarget	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1853
4762	jQuery	event.data	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1627
4761	jQuery	.eq( index )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1932
4760	jQuery	.end()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1297
4759	jQuery	.empty ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1596
4758	jQuery	.each()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1310
4757	jQuery	.die ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1273
4756	jQuery	.detach ([selector])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1496
4755	jQuery	.dequeue( [queueName ] )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1647
4754	jQuery	.delegate (selector, eventType, handler)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1612
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년 전	1440
4748	PHP	http:// 를 https:// 로 이동하는 방법	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2809
4747	jQuery	deferred.rejectWith (context [, args])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1390
4746	jQuery	deferred.reject ([args])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1646
4745	jQuery	deferred.promise( [target ] )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1653
4744	jQuery	deferred.progress (progressCallbacks [, progressCallbacks])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1533
4743	jQuery	deferred.pipe ([doneFilter] [, failFilter])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1612
4742	jQuery	deferred.notifyWith( context [, args ] )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1704
4741	jQuery	deferred.notify (args)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1597
4740	jQuery	deferred.isResolved ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1605
4739	jQuery	deferred.isRejected()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1797
4738	jQuery	deferred.fail (failCallbacks [, failCallbacks])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1306
4737	jQuery	deferred.done (doneCallbacks [, doneCallbacks])	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2097