Die Interaktion und Vorsichtsmaßnahmen zwischen HTML5-neuen Attributen Data-*und JS/JQuery

Schreibbeispiel

 <div data-lole = page data-value-value = 43 daten-versteckt = true data-options = '{name: John}'> </div>

Das Datenattribut wird verwendet, um private benutzerdefinierte Daten für Speicherseiten oder Anwendungen zu speichern.

Datenattribute geben uns die Möglichkeit, die benutzerdefinierten Datenattribute in alle HTML-Elemente einzubetten.

Daten-* Attribute enthalten zwei Teile:

• Der Attributname sollte keine Großbuchstaben enthalten, und mindestens ein Zeichen muss nach dem Präfixdaten verfügbar sein.
• Der Attributwert kann jede Zeichenfolge sein

Verwenden Sie den Daten-Attributwert, um die Funktion .data () in JQuery zu verwenden

 console.log ($ (div) .data ('lastValue'); war: Seite ist: Seite

Daten-** Attributname Format Buckelname Umschreiben

Die Daten-Attribute greifen nach der Verwendung dieses Datenattributs nicht mehr auf oder ändert sich nicht mehr (alle Datenwerte werden in JQuery gespeichert).

Demonstration:

 console.log ($ (div) .data ('lastValue'); Dritte DIV im Dokument geben wir diese DOM // Ausgabe aus: <div data-lole = Seite data-last-value = 43 datenhöhden = true data-options = '{name: John}'>

Haben Sie keine Angst, Sie geben wieder aus

 console.log ($ (div) .data ('lastValue');

Der Wert wird gerade in JQuery gespeichert

Verwenden Sie den Daten-Attributwert mit der Funktion .attr () in jQuery

 console.log ($ ('div'). attr ('Data-Role'); ; // Der Ausgangswert ist: 43

Setzen Sie den Datenwert des Datenattributs mit der Funktion .attr () in JQuery

 $ ('Div').

HINWEIS: Die gebrochene Nummer muss in eine Buckel -Benennung umgewandelt werden

Die oben genannte Interaktion zwischen den HTML5-Attributendaten- und JS/JQuery, die vom Herausgeber vorgestellt wurden. mit der Zeit Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!