jquery에서 본문에 요소를 추가하는 방법-프런트엔드 Q&A-php.cn

jquery에서 본문에 요소를 추가하는 방법

青灯夜游

풀어 주다： 2022-04-22 11:14:51

원래의

5507명이 탐색했습니다.

요소를 추가하는 방법: 1. 본문 끝에 요소를 추가하려면 "$("body").append(new element)" 구문인 append()를 사용합니다. 2. prepend(), " $ ("body").prepend(new element)"는 본문 시작 부분에 요소를 추가할 수 있습니다.

jquery에서 본문에 요소를 추가하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

본문에 요소를 추가한다는 것은 본문에 하위 요소를 추가하는 것을 의미합니다. 다음 기사에서는 jquery를 사용하여 본문에 하위 요소를 추가하는 두 가지 방법을 소개합니다.

방법 1: add() 사용

prepend() 메서드를 사용하여 본문 요소 내부의 "시작"에 콘텐츠(요소 또는 텍스트)를 삽입합니다.

구문:

$("body").append(新元素)

로그인 후 복사

예:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					var newp = "<p>一个新段落</p>";
					$("body").append(newp);
				})
			})
		</script>
	</head>
	<body style="background-color: #FF0000;">
		<button>（body元素）在body中增加元素</button>
	</body>
</html>

로그인 후 복사

jquery에서 본문에 요소를 추가하는 방법

방법 2: prepend() 사용

prepend() 메소드를 사용하여 선택한 요소 내부의 "시작"에 내용을 삽입합니다.

문법:

$("body").prepend(新元素)

로그인 후 복사

예:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					var newp = "<p>一个新段落</p>";
					$("body").prepend(newp);
				})
			})
		</script>
	</head>
	<body style="background-color: #FF0000;">
		<button>（body元素）在body中增加元素</button>
	</body>
</html>

로그인 후 복사

jquery에서 본문에 요소를 추가하는 방법