jQuery의 insertAfter() 메소드를 사용하는 방법
- 青灯夜游원래의
- 2019-02-14 15:41:212760검색
jQuery의 insertAfter() 메소드는 지정된 요소 뒤에 일부 HTML 컨텐츠를 삽입하는 데 사용됩니다. 사용법 구문은 "$(content).insertAfter(target)"이며, 여기서 content는 삽입해야 하는 HTML 컨텐츠를 나타냅니다.
이 문서의 운영 환경: 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='color: red;'>在PHP中文网中学习！</div>").insertAfter("p");
});
});
</script>
</head>
<body>
<div class="box">
<p>学习jQuery</p>
<p>学习php</p>
<div class="demo">单击此处</div>
</div>
</body>
</html>Rendering:
이 글은 여기까지입니다 전체 내용이 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 관련 튜토리얼 열을 주의 깊게 살펴보세요! ! !
위 내용은 jQuery의 insertAfter() 메소드를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!