So fügen Sie in JQuery Elemente zum Body hinzu

青灯夜游
Freigeben: 2022-04-22 11:14:51
Original
5452 Leute haben es durchsucht

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(新元素)
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!