Heim > Artikel > Web-Frontend > 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:595466Durchsuche
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.
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>
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!