jQuery의 insertAfter() 메소드를 사용하는 방법-JS 튜토리얼-php.cn

jQuery의 insertAfter() 메소드를 사용하는 방법

青灯夜游

풀어 주다： 2021-04-21 15:39:06

원래의

2837명이 탐색했습니다.

jQuery의 insertAfter() 메소드는 지정된 요소 뒤에 일부 HTML 컨텐츠를 삽입하는 데 사용됩니다. 사용법 구문은 "$(content).insertAfter(target)"이며, 여기서 content는 삽입해야 하는 HTML 컨텐츠를 나타냅니다.

jQuery의 insertAfter() 메소드를 사용하는 방법

이 문서의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1, Dell G3 컴퓨터.

insertAfter()는 지정된 요소 뒤에 일부 HTML 콘텐츠를 삽입하는 데 사용되는 jQuery의 내장 메서드입니다. 다음 글에서는 insertAfter()의 사용법을 소개하겠습니다. 도움이 되셨으면 좋겠습니다.

jQuery의 insertAfter() 메소드

insertAfter() 메소드는 지정된 요소가 나타날 때마다 HTML 콘텐츠를 삽입합니다.

기본 문장 패턴:

$(content).insertAfter(target)

로그인 후 복사

content: 삽입해야 하는 HTML 콘텐츠를 나타냅니다.

target: 콘텐츠를 삽입하기 전에 찾아야 하는 지정된 대상을 나타냅니다.

참고: insertAfter() 메서드는 어떤 값도 반환하지 않습니다.

[동영상 튜토리얼 추천: jQuery 튜토리얼]

insertAfter() 메소드 사용 예시

구체적인 예시를 살펴보겠습니다:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".demo").click(function() {
// insertBefore 
$("<div style=&#39;color: red;&#39;>在PHP中文网中学习！</div>").insertAfter("p");
});
});
</script>
</head>
<body>
<div class="box">
<p>学习jQuery</p>
<p>学习php</p>
<div class="demo">单击此处</div>
</div>
</body>
</html>

로그인 후 복사

Rendering:

jQuery의 insertAfter() 메소드를 사용하는 방법