Detaillierte Erläuterung der Verwendung der jQuery.remove()-Funktion

Die Funktion „remove()“ wird verwendet, um übereinstimmende Elemente aus dem Dokument zu entfernen.

Sie können Selektoren auch verwenden, um den Umfang der Entfernung weiter einzuschränken und nur einige der aktuell übereinstimmenden Elemente zu entfernen, die mit dem angegebenen Selektor übereinstimmen.

Im Vergleich zu detach() entfernt die Funktion „remove()“ gleichzeitig die mit dem Element verknüpften zusätzlichen Daten (Funktion „data()“) und der Ereignishandler usw. (detach()). beibehalten werden).

Diese Funktion gehört zum jQuery-Objekt (Instanz).

Syntax

jQueryObject.remove( [ selector ] )

Parameter

Parameterbeschreibung

selector Optional/Spezifiziert durch String-Typ Selector String, wird zum Filtern von Elementen verwendet, die mit dem Selektor übereinstimmen.

Wenn der Selektorparameter nicht angegeben ist, werden alle Elemente im aktuell übereinstimmenden Element entfernt.

Rückgabewert

remove()Der Rückgabewert der Funktion ist vom jQuery-Typ und gibt das aktuelle jQuery-Objekt selbst zurück.

Beispiel & Beschreibung

Die Funktion „remove()“ wird verwendet, um übereinstimmende Elemente aus dem Dokument zu entfernen:

Absatztext 1item1 Zeile2

Absatztext 2item2Zeile2

Absatztext 1

Absatztext 2

Nehmen Sie den folgenden HTML-Code als ein Beispiel:

[span#n2]

[label# n4]

Absatzinhalt

< span id="n6">[span#n6][span#n7]

Der folgende jQuery-Beispielcode wird verwendet, um die spezifische Verwendung der Funktion „remove()“ zu demonstrieren:

var $n6 = $("#n6");

// n6-Element entfernen

$n6.remove( );

var $p = $("p");

// Entfernen Sie das p Element mit dem Klassennamen „mark“

var $removedP = $p.remove( ".mark" ); // $removedP === $p

// Das entfernte n6 anhängen zum Körperelement Startposition

// Obwohl n6 zuvor aus dem Dokument entfernt wurde

// wird es nicht aus dem jQuery-Objekt entfernt, sodass wir das jQuery-Objekt weiterhin verwenden können. Fügen Sie n6 erneut in das Dokument ein

$n6.prependTo( "body" );

Führen Sie den Code aus (bitte kopieren Sie andere Codes zur Ausführung auf die Demoseite)

Oben Der vollständige HTML-Code nach der Codeausführung lautet wie folgt (das Format wurde nicht angepasst):

[span#n6][span# n7]

Absatzinhalt

Die Funktion

remove() entfernt die übereinstimmenden Elemente im Dokument, entfernt jedoch nicht die übereinstimmenden Elemente aus dem jQuery-Objekt. Remove() behält jedoch nur das Element selbst bei, z Zusätzliche Daten und Bindungen, die mit dem Element verknüpft sind, werden entfernt

Bitte beachten Sie den folgenden HTML-Code:

< ;/p>

Als nächstes registrieren wir Klickereignisse für alle Schaltflächen, entfernen dann Element n3 und hängen dann das entfernte n3 an die Endposition in n1 an:

var $ n3 = $("#n3");

$n3.data("myX", "Zusätzliche Daten");

document

.writeln( $n3. data("myX") ); // Zusätzliche Daten$n3.trigger("click"); Element n3 entfernen

$n3.remove();

// n3 erneut an das Ende von n1 anhängen

$n3.appendTo("#n1");

// Zu diesem Zeitpunkt wurden die zusätzlichen Daten und gebundenen Klickereignisse von n3 entfernt

document.writeln( $n3.data("myX") ); // undefiniert

$n3.trigger("click"); // Keine Ereignisantwort

Wenn das Klickereignis direkt im Elementknoten als Inline-Attribut registriert ist, kann Remove() dieses Registrierungsereignis der Form nicht entfernen:

onclick="alert('Das Klickereignis kann nicht entfernt werden');"

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der jQuery.remove()-Funktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!