Heim > Artikel > Web-Frontend > So fügen Sie untergeordnete Elemente in JQuery hinzu
Methoden zum Hinzufügen von untergeordneten Elementen: 1. Verwenden Sie die Anweisung „$(parent element).append(child element)“ 2. Verwenden Sie die Anweisung „$(parent element).prepend(child element)“; Anweisung „$( Child element).appendTo(parent element)“; 4. Verwenden Sie die Anweisung „$(child element).prependTo(parent element)“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
jquery fügt Unterelemente hinzu
1. Append-Methode
Parameterinhalt am Ende jedes passenden Elements einfügen
Parametertypbeschreibung:
1) Gewöhnliche Zeichenfolge (kann verschiedene HTML-Codes enthalten). Tags)
$('body').append('html字符串');
2) jQuery-Objekt
①Neue Elemente (jQuery-Objekte), die mit der $-Funktion erstellt wurden
②Verwenden Sie die $-Funktion, um vorhandene Elemente (jQuery-Objekte) auf der Seite abzurufen
Zu diesem Zeitpunkt sind die vorhandenen Elemente If Das Element wird zum Zielelement verschoben und ausgeschnitten.
<script type="text/javascript"> $(function(){ $getParagraph=$("p");//运行后p段落会变成div的子元素 $("#oo").append($getParagraph); } ); </script> <p>段落</p> <div id="oo">div</div>
③Verwenden Sie die Klonmethode, um die vorhandenen Elemente (jQuery-Objekte) auf der Seite zu klonen
$getParagraph=$("p").clone();//这样就避免了p段落会变成p的子元素
3) HTML-Elementobjekt, HTML-Elementobjekt-Array
== = = Es können mehrere Parameter der oben genannten Typen übergeben werden, und jeder Parameter wird in das passende Element eingefügt! ===
4) Wie viele übereinstimmende Elemente hat die Funktion
? Wie oft wird diese Funktion ausgeführt? Die Funktion kann zwei Parameter akzeptieren: Der erste ist die Seriennummer des aktuellen Elements und der zweite ist die Zahl innerhalb des aktuellen Elements. Diese innerhalb der HTML-Funktion stellt das aktuelle HTML-Elementobjekt dar. Die Rückgabedaten sind der eingefügte Inhalt (kann ein HTML-Element oder ein jQuery-Objekt sein). Die Prepend-Methode fügt den Parameterinhalt in jedes Element ein. Die Übereinstimmung mit dem vordersten
$(A).prepend(B)
$(A).prepend(B) innerhalb des Elements bedeutet, dass B am Anfang von A eingefügt wird.
3. Die appendTo-Methode fügt das passende Element am Ende des Zielelements ein (wie append)$(A).appendTo(B)
$(A).appendTo(B) bedeutet, dass A am Ende von B eingefügt wird.
fügt das passende Element an der Vorderseite des Zielelements ein (wie prepend)$(A).prependTo(B)
$(A).prependTo(B) bedeutet, dass A am Anfang von B eingefügt wird.
【Empfohlenes Lernen:
jQuery-Video-Tutorial,
Web-Front-End-Entwicklungsvideo】
Das obige ist der detaillierte Inhalt vonSo fügen Sie untergeordnete Elemente in JQuery hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!