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:
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) |
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
//Ä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 SeitenDas 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!