jQuery-Hinweise zu häufig verwendeten jQuery-DOM-Events_jquery

Dom ist die Abkürzung für Document Object Model, was Dokumentobjektmodell bedeutet. DOM ist eine browser-, plattform- und sprachunabhängige Schnittstelle. Über diese Schnittstelle können Sie problemlos auf alle Standardkomponenten der Seite zugreifen.

DOM-Operationen können in drei Aspekte unterteilt werden: DOM Core, HTM-DOM und CSS-DOM.

jQuery DOM-Elementmethoden

Funktion	Beschreibung
.get()	Rufen Sie das vom Selektor angegebene DOM-Element ab.
.index()	Gibt die Indexposition des angegebenen Elements relativ zu anderen angegebenen Elementen zurück.
.size()	Gibt die Anzahl der Elemente zurück, die mit dem jQuery-Selektor übereinstimmen.
.toArray()	Gibt die vom jQuery-Selektor übereinstimmenden Elemente als Array zurück.

1.attr() .removeAttr()

Die Methode

.attr() kann einen Parameter eines Name-Wert-Paares oder einen Objektparameter übergeben, der mehr als zwei Name-Wert-Paare enthält, zum Beispiel:

.attr('src','images/a.jpg');

.attr({
 rel:'www',
 id:'zz',
 title:'some',
 some:'111'
});

Natürlich können Sie auch ein oder mehrere Attribute entfernen.removeAttr('id rel');

2.prop()

Diese Methode kann den Attributwert abrufen

Übergeben Sie den Attributnamen (String) des Werts, den Sie erhalten möchten, z. B. .prop('id');

Legen Sie den Wert von id fest (ändern Sie die Attribute, die im DOM selbst vorhanden sind, wie z. B. href und id des a-Tags)
.prop('id','otherid');

3.val()

Diese Methode wird häufig verwendet, um den Wert von Formularsteuerelementen zu ermitteln

4.insertBefore() .insertAfter() .prependTo() .appendTo()

.insertBefore() fügt Inhalte außerhalb und vor vorhandenen Elementen hinzu (umgekehrte Operation .before())
.insertAfter() fügt Inhalt außerhalb und nach dem vorhandenen Element hinzu (umgekehrte Operation .after())
.prependTo() fügt Inhalt innerhalb und vor vorhandenen Elementen hinzu (umgekehrte Operation .prepend())
.appendTo() fügt Inhalt innerhalb und nach dem vorhandenen Element hinzu (umgekehrte Operation .append())

5.clone()

Diese Methode kann das kopierte Element kopieren, um andere Ereignisse zu erben, müssen Sie einen booleschen Wert als Parameter übergeben, .clone(true)

6.wrap() .wrapAll() .wrapInner()

.wrap() und .wrapInner() können als relativ verstanden werden. .wrap() wird eine Ebene außerhalb des Elements umschlossen, während .wrapWith() eine Ebene innerhalb des Elements umschlossen wird,

Und .wrapAll() umschließt alle übereinstimmenden Elemente

7.html() .text() .replaceWith() .replaceAll()

.html() kann Text oder DOM-Knoten übergeben;

.text() kann nur Text lesen oder ersetzen;

.replaceWith(). . . Ersetzen Sie „in“. . . ;

.replaceAll(). . . Ersetzen Sie „geben“. . .

8.empty()

Element entfernen

9.detach() .remove()

Diese beiden Methoden sind etwas ähnlich, keine löscht die passenden Elemente aus dem jQuery-Objekt, aber es gibt immer noch Unterschiede:

.detach() Alle gebundenen Ereignisse, Zusatzdaten usw. bleiben erhalten

.remove() Neben dem Element selbst bleiben auch andere Elemente wie
erhalten Gebundene Ereignisse, angehängte Daten usw. werden entfernt.