So ändern Sie Datenoptionen in jquery

In jquery können Sie die Methode attr() verwenden, um das Attribut „data-options“ zu ändern. Diese Methode kann die Attribute und Werte des angegebenen Elements festlegen oder zurückgeben Die Syntax der Seite oder Anwendung lautet „element object.attr(„data-options“, „selected:false“)“.

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

So ändern Sie Datenoptionen in jquery

Html5 data-*-Attributdefinition und -verwendung:

data-*-Attribute werden zum Speichern privater benutzerdefinierter Daten einer Seite oder Anwendung verwendet.

data-*-Attribute geben uns die Möglichkeit, benutzerdefinierte Datenattribute in alle HTML-Elemente einzubetten.

Die gespeicherten (benutzerdefinierten) Daten können im JavaScript der Seite genutzt werden, um eine bessere Benutzererfahrung zu schaffen (ohne Ajax-Aufrufe oder serverseitige Datenbankabfragen durchzuführen).

data-*-Attribute bestehen aus zwei Teilen:

Der Attributname sollte keine Großbuchstaben enthalten und nach dem Präfix „data-“ muss mindestens ein Zeichen stehen.

Der Attributwert kann eine beliebige Zeichenfolge sein.

Änderung Methode:

jquery:

$div.attr("data-options", "selected:false");

attr()-Methode legt die Attribute und Werte des ausgewählten Elements fest oder gibt sie zurück.

Wenn diese Methode zur Rückgabe eines Attributwerts verwendet wird, wird der Wert des ersten übereinstimmenden Elements zurückgegeben.

Wenn diese Methode zum Festlegen von Attributwerten verwendet wird, werden ein oder mehrere Attribut/Wert-Paare für das passende Element festgelegt.

Die Syntax lautet:

Gibt den Wert des Attributs zurück:

$(selector).attr(attribute)

Legen Sie das Attribut und den Wert fest:

$(selector).attr(attribute,value)

Erweiterte Kenntnisse:

1. Verwenden Sie die Methode getAttribute setAttribute

2 um eine Sammlung zurückzugeben

div.setAttribute('data-options',{/＊数据＊/});
div.getAttribute("data-options")；

Kann auf die Datenmethode von jquery zugreifen, sie hinzufügen und löschen

div.dataset --> DOMStringMap { options:"{\"name\":\"John\"}", hidden:"true", lastValue:"43"}

Das Besondere an jQuery ist, dass die Rückgabewertzeichenfolge automatisch in den entsprechenden Datentyp konvertiert wird.

Zum Beispiel $("div").data() oben --> jQuery-Datenmethode: Wenn der Datenattributname einen Bindestrich enthält, zum Beispiel: data-last-value, wird der Bindestrich entfernt und in eine Kamel-Schreibweise umgewandelt. Der vorherige Attributname sollte nach der Konvertierung lauten: lastValue.

Video-Tutorial-Empfehlung:

jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie Datenoptionen in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!