Heim >Web-Frontend >Front-End-Fragen und Antworten >So fügen Sie in JQuery Elemente zum Body hinzu

So fügen Sie in JQuery Elemente zum Body hinzu

青灯夜游
青灯夜游Original
2022-04-22 11:13:595546Durchsuche

Methoden zum Hinzufügen von Elementen: 1. Verwenden Sie append(), die Syntax „$(“body“).append(new element)“, um Elemente am Ende des Körpers hinzuzufügen. 2. Verwenden Sie prepend(), die Syntax „; $ ("body").prepend(new element)" können Sie Elemente am Anfang des Körpers hinzufügen.

So fügen Sie in JQuery Elemente zum Body hinzu

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Das Hinzufügen von Elementen zum Körper bedeutet das Hinzufügen untergeordneter Elemente zum Körper. Im folgenden Artikel werden Ihnen zwei Methoden zum Hinzufügen untergeordneter Elemente zum Körper mithilfe von JQuery vorgestellt. Methode 1: Verwenden Sie append()

Methode 2: Verwenden Sie prepend()

Verwenden Sie die prepend()-Methode, um Inhalte am „Anfang“ innerhalb des ausgewählten Elements einzufügen.

Grammatik:

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

Beispiel:


<!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>

So fügen Sie in JQuery Elemente zum Body hinzu

[Empfohlenes Lernen:

jQuery-Video-Tutorial, Web-Frontend-Video

]

Das obige ist der detaillierte Inhalt vonSo fügen Sie in JQuery Elemente zum Body hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn