Heim > Web-Frontend > js-Tutorial > Hauptteil

Informationen zu Betriebsmethoden und Attributdatensätzen für JQuery- und DOM-Knoten

不言
Freigeben: 2018-07-02 15:34:20
Original
1445 Leute haben es durchsucht

Der folgende Artikel enthält einen Artikel über JQuery- und DOM-Knotenbetriebsmethoden und Attributdatensätze. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz

Ich habe online eine Liste der Knotenbetriebsmethoden von jquery gefunden. Wie folgt:

方法

源包装集/字串

目标包装集体

特性描述

A.append(B)

 

 

 

B

 

 

 

A

若目标包装集只匹配一个元素,则源(也包括同源包装集匹配的所有元素)将被移动到目标位置;若目标包装集包含多个元素,则源将保留在原来的位置,但同时复制一份相同的副本到目标位置。

由此,若目标只匹配一个元素时,使用前述方法后源将被删除。

B.appendTo(A)

A.prepend(B)

B.prependTo(A)

A.before(B)

B.insertBefore(A)

A.after(B)

B.insertAfter(A)

Methode

td >

Quellverpackungssatz/-zeichenfolge

Zielverpackungskollektiv

Funktionsbeschreibung

A.append(B)

B

A

Wenn der Ziel-Wrapper-Satz nur mit einem Element übereinstimmt, der Quelle (einschließlich des homologen Wrappers). Alle übereinstimmenden Elemente festlegen) wird an den Zielspeicherort verschoben. Wenn der Ziel-Wrapper-Satz mehrere Elemente enthält, bleibt die Quelle am ursprünglichen Speicherort, es wird jedoch eine identische Kopie an den Zielspeicherort kopiert.

Wenn das Ziel also nur mit einem Element übereinstimmt, wird die Quelle nach Verwendung der oben genannten Methode gelöscht.

B.appendTo(A)

A.prepend(B)

B.prependTo(A)

A.before(B)

B.insertBefore(A)

A.after(B)

B.insertAfter( A)

Beispiel: In der obigen Tabelle bedeutet A.append(B), dass B zu allen Elementen hinzugefügt wird, die mit A hinter dem vorhandenen Inhalt übereinstimmen. B ist also die Quelle und A der Ziel-Wrapper-Satz.

Die Zusammenfassung lautet: Nach Verwendung der obigen Methode werden die beiden Knoten zu Geschwisterknoten derselben Ebene

Das Folgende ist eine Zusammenfassung der Methoden zum Betreiben von Knoten im DOM:

(1)appendChild Methode zum Hinzufügen eines Knotens am Ende der childNodes-Liste //NewNode am Ende der childNodes-Liste von someNode hinzufügen

var returnNode = someNode.appendChild(newNode);

//Ändern Sie den ersten untergeordneten Knoten von someNode in den letzten untergeordneten Knoten
var returnNode = someNode.appendChild(someNode.firstChild);

(2)insertBefore-Methode, Sie können den Knoten an einer bestimmten Position in der ChildNodes-Liste platzieren

//Er wird nach dem Einfügen zum letzten untergeordneten KnotenreturnedNode = someNode.insertBefore(newNode, null);// Der gleiche Effekt wie appendChild

//Wird der erste untergeordnete Knoten nach dem EinfügenreturnedNode = someNode.insertBefor(newNode, someNode.firstChild);(3)replaceChild-Methode Wird zum Ersetzen des untergeordneten Knotens verwendet und akzeptiert zwei Parameter: den einzufügenden untergeordneten Knoten und den zu ersetzenden untergeordneten Knoten. Der zu ersetzende untergeordnete Knoten wird aus dem Dokumentbaum entfernt und seine Position wird durch den einzufügenden untergeordneten Knoten eingenommen //Ersetzen Sie den ersten untergeordneten Knoten returnedNode = someNode. replaceChild( newNode, someNode.firstChild);(4) Die Methode „removeChild“ wird zum Entfernen untergeordneter Knoten verwendet//Entferne den ersten untergeordneten Knotenvar previousFirstChild = someNode . RemoveChild(someNode.firstChild);Zusammenfassend lässt sich sagen, dass die oben genannten Methoden alle von übergeordneten Knoten zum Betreiben untergeordneter Knoten verwendet werdenDie folgende Abbildung zeigt die Suchbeziehung zwischen Eltern, Kindern und Geschwistern Knoten Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website. Verwandte Empfehlungen: Verwenden Sie jQuery, um die @ ID-Floating-Anzeige in WordPress zu implementieren Ajax-Bootstrap, um die Webseite zu verschönern und Code zum Implementieren des Ladens, Löschens und Anzeigens von Seiten

Das obige ist der detaillierte Inhalt vonInformationen zu Betriebsmethoden und Attributdatensätzen für JQuery- und DOM-Knoten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage