Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Verwendung der jQuery.removeData()-Funktion
Die Funktion
removeData() wird verwendet, um das Datenelement mit dem angegebenen Schlüssel zu entfernen, der in jedem Element gespeichert ist, das mit dem aktuellen jQuery--Objekt übereinstimmt.
Die Funktion „removeData()“ wird hauptsächlich zum Entfernen der über die Funktion „data()“ gespeicherten Daten verwendet.
Diese Funktion gehört zum jQuery-Objekt (Instanz).
Syntax
Die Syntax der Funktion „removeData()“ lautet wie folgt:
jQueryObject.removeData(keys)
Hinweis: „removeData( )“ entfernt die Daten mit dem angegebenen Schlüssel für jedes Element, das mit dem aktuellen jQuery-Objekt übereinstimmt.
Parameter
Parameterbeschreibung
Schlüssel Schlüsselname, angegeben durch String/Array-Typ String oder Array.
Wenn Sie Datenelemente mit mehreren Schlüsselnamen gleichzeitig entfernen möchten, übergeben Sie den Parameter bitte in Form eines Arrays. Jedes Element des Arrays ist die Schlüsselnamenzeichenfolge, die entfernt werden muss. Sie können auch eine durch Leerzeichen getrennte Zeichenfolge übergeben. Jede durch Leerzeichen getrennte Teilzeichenfolge ist die Schlüsselzeichenfolge, die entfernt werden muss.
Wenn es sich bei dem Parameter „keys“ um eine Zeichenfolge handelt, die Leerzeichen enthält, z. B. „a b c“, ermittelt „removeData()“ zunächst, ob ein Datenelement mit dem Schlüsselnamen „a b c“ (die Zeichenfolge selbst) vorhanden ist, und entfernt es Wenn diese Daten vorhanden sind, werden nachfolgende Segmentierungs- und andere Vorgänge nicht mehr durchgeführt. Wenn es nicht vorhanden ist, wird es anhand von Leerzeichen aufgeteilt und die Datenelemente mit den Schlüsselnamen „a“, „b“ und „c“ (geteilte Teilzeichenfolgen) werden entfernt.
Wenn der Schlüsselname, in dem Sie Daten speichern, Leerzeichen enthält (z. B. „a b“), verwenden Sie „removeData()“, um Datenelemente mit mehreren Schlüsselnamen gleichzeitig zu entfernen (z. B. „a b c d“, wobei „a b " ein Schlüsselname ist), werden Schlüsselnamen, die Leerzeichen enthalten (z. B. „a b“), nicht erfolgreich entfernt. Sie können stattdessen ein Array verwenden oder Schlüsselnamen, die Leerzeichen enthalten, einzeln entfernen.
Rückgabewert
removeData()Der Rückgabewert der Funktion ist vom Typ jQuery und gibt das aktuelle jQuery-Objekt selbst zurück.
Beispiel & Beschreibung
Nehmen Sie den folgenden HTML-Code als Beispiel:
🎜>
Wir schreiben Folgendes jQuery-Code:
var $li = $("li");
// Daten gleichzeitig in allen li-Elementen speichern
$li.data(" name", "CodePlayer");
$li.data("desc", "Focus Sharing auf Programmierentwicklungstechnologie");
$li.data("url", "http ://www.365mini.com/");
// Alle li gleichzeitig entfernen Die Daten mit dem Schlüsselnamen name auf dem Element
$li.removeData("name ");
var $n5 = $("#n5"); // Über n4, n5, n6 können Daten gelesen werden
// Gibt die Daten zurück, die dem Schlüsselwertnamen entsprechen
document.writeln( $n5.data("name") ); / / undefiniert
var $n4 = $("#n4");
// Das Datenelement mit dem Schlüsselnamen „desc url“ kann nicht gefunden werden und wird dann anhand von Leerzeichen aufgeteilt
// Datenelemente mit den Schlüsselnamen „desc“ und „url“ entfernen
$n4.removeData("desc url");document.writeln( $n4. data("desc") ); // undefiniert
document.writeln( $n4 .data("url") ); // undefiniert
$li.data("a", "Test a");
$li.data("b", "Test b");
$li.data("a b", "Test a b");
//Nur die Datenelemente mit dem Schlüsselnamen „a b“ werden entfernt
$li.removeData("a b");
document.writeln( $li.data( "a") ); // Testen Sie ein
document.writeln( $li .data("b") ); // Test b
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der jQuery.removeData()-Funktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!