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

수다왕

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

· 8년 전 · 조회 1704 1704

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

.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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4706	jQuery	제이쿼리 jQuery( ":button" )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1514
4705	jQuery	제이쿼리 .bind( eventType [, eventData ], handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2170
4704	jQuery	제이쿼리 .before(content [,content]) 현재 보는 글	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1705
4703	jQuery	제이쿼리 Attribute Starts With Selector [name^=”value”]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2041
4702	jQuery	제이쿼리 Attribute Not Equal Selector [name!=”value”]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1832
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년 전	2073
4690	jQuery	제이쿼리 all selector	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1964
4689	jQuery	제이쿼리 .ajaxSuccess(handler)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1943
4688	jQuery	.ajaxStop(handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1703
4687	jQuery	.ajaxStart(handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1118
4686	jQuery	.ajaxSend (handler )	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1749
4685	jQuery	제이쿼리 .ajaxError (handler)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2494
4684	jQuery	제이쿼리 .ajaxComplete (handler)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2372
4683	jQuery	제이쿼리 .after()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1766
4682	PHP	제이쿼리 .addClass ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3086
4681	jQuery	제이쿼리 .addBack ()	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1608
4680	jQuery	제이쿼리 .add (selector)	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1792
4679	PHP	is_null - 변수가 있는지 여부를 찾습니다.NULL	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2020
4678	PHP	is_iterable - 변수의 내용이 반복 가능한 값인지 확인합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2151
4677	PHP	is_int - 변수의 타입이 정수인지 찾기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2257