Sie können mithilfe von JQuery Tags zu Divs hinzufügen. 4 Methoden: 1. Verwenden Sie append(), um ein Sub-Tag am Ende des div-Elements einzufügen. Die Syntax lautet „$(“div“).append(element)“ 2. Verwenden Sie prepend(), um ein Sub-Tag einzufügen -tag am Anfang des div-Elements, die Syntax „$(“div“).prepend(element)“ 3. Verwenden Sie appendTo(), um ein Untertag am Ende des div-Elements einzufügen. 4. Verwenden Sie prependTo(); um ein Subtag am Anfang des div-Elements einzufügen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6-Version, Dell G3-Computer.
Sie können Tags in Divs mit jquery hinzufügen. Es gibt 4 Methoden:
append()-Methode: Fügt Inhalt am „Ende“ innerhalb des ausgewählten Elements ein.
prepend()-Methode: Fügt Inhalt am „Anfang“ innerhalb des ausgewählten Elements ein.
appendTo()-Methode: Fügt den angegebenen Inhalt am Ende des ausgewählten Elements ein (jedoch immer noch innerhalb des Elements). Sie können jedoch keine Funktionen zum Anhängen von Inhalten verwenden.
prependTo()-Methode: Fügt den angegebenen Inhalt am Anfang des ausgewählten Elements ein (jedoch immer noch innerhalb des Elements).
jquery-Methode zum Hinzufügen von Knoten
Nehmen wir zur Erklärung dieses einfache Beispiel
1. Append-Methode
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").append($("p"));//添加到元素内容的后面
})
</script>
. 2. Vorbereitende Methode
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").prepend($("p"));//添加到元素内容的前面
})
</script> 
3. appendTo-Methode
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面
})
</script> 
4. prependTo-Methode
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面
})
</script> 
【Empfohlenes Lernen: jQuery-Videoanleitung, web vorne -Ende des Videos 】
Das obige ist der detaillierte Inhalt vonKann JQuery zum Hinzufügen von Tags zu Divs verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
