Verwenden Sie die data()-Methode in jQuery, um benutzerdefinierte HTML5-Attribute data-*example_jquery zu lesen

Die Hauptmethode ist wie folgt:

Code kopierenDer Code ist wie folgt:

.data( key , value )
.data( obj )
.data( key )
.data()

Ab jQuery 1.4.3 das HTML 5-Datenattribut wird im Datenobjekt automatisch auf jQuery verwiesen.
Zum Beispiel HTML:

Code kopieren Der Code lautet wie folgt:

Die Der folgende jQuery-Code lautet: Es gibt true zurück:

Code kopieren Der Code lautet wie folgt:

$ ( "div" ). data ( "role" ) === "page" ;
$ ( "div" ) ) === 43 ;
$ ( "div" ). data ( "hidden" ) === true ;
$ ( "div" ) . data ( "options" ) ;

Anders als die HTML5-API , versucht jQuery, eine Zeichenfolge in einen JavaScript-Wert umzuwandeln (einschließlich Boolescher Werte, Zahlen, Objekte, Arrays und Null). Wenn sich dadurch die Darstellung des Werts nicht ändert, wird der Wert in eine Zahl umgewandelt. Beispielsweise entsprechen „1E02“ und „100.000“ Zahlen (numerischer Wert 100), ihre Konvertierung würde jedoch ihre Darstellung ändern, sodass sie als Zeichenfolgen beibehalten werden. Der Stringwert „100“ wird in die Zahl 100 umgewandelt.

Wenn das Datenattribut ein Objekt (beginnend mit „{“) oder ein Array (beginnend mit „[“) ist, können Sie es mit jQuery.parseJSON in eine Zeichenfolge analysieren. Es muss der Syntax von gültigem JSON folgen. Geben Sie den Eigenschaftsnamen in doppelte Anführungszeichen ein. Wenn der Wert nicht als JavaScript-Wert geparst werden kann, wird er als Zeichenfolge beibehalten.

Wenn Sie den abgerufenen Attributwert direkt als String verwenden möchten, verwenden Sie bitte die Methode attr().
Nach der ersten Verwendung dieses Datenattributs wird nicht mehr auf das Datenattribut zugegriffen oder es geändert (alle Datenwerte werden intern in jQuery gespeichert).
Wenn Sie .data() ohne Parameter aufrufen, werden alle Daten in Form von JavaScript-Objekten abgerufen. Dieses Objekt kann sicher in einer Variablen gespeichert werden, da sich nachfolgende .data(obj)-Vorgänge für das Element nach dem Extrahieren des neuen Objekts nicht mehr auf dieses Objekt auswirken. Darüber hinaus ist die direkte Bearbeitung dieses Objekts schneller als der Aufruf von .data() jedes Mal, um einen Wert festzulegen oder abzurufen.

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