Heim > Web-Frontend > js-Tutorial > Hauptteil

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

巴扎黑
Freigeben: 2017-06-25 09:51:03
Original
2278 Leute haben es durchsucht

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:

item2

                                                             🎜>

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!

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