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.

4. Die prependTo-Methode

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!