Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie untergeordnete Elemente in JQuery hinzu

So fügen Sie untergeordnete Elemente in JQuery hinzu

青灯夜游
青灯夜游Original
2022-03-16 18:00:478677Durchsuche

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)“.

So fügen Sie untergeordnete Elemente in JQuery hinzu

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!

Stellungnahme:
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