Utilisez la méthode data() dans jQuery pour lire les attributs personnalisés HTML5 data-*example_jquery

La méthode principale est la suivante :

Copier le code Le code est le suivant :

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

À partir de jQuery 1.4.3, l'attribut data- HTML 5 sera automatiquement référencé à jQuery dans l'objet de données.
Par exemple HTML :

Copier le code Le code est le suivant :

Le Le code jQuery suivant est Il renvoie vrai :

Copier le code Le code est le suivant :

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

Différent de l'API html5. , jQuery essaiera de convertir une chaîne en valeur JavaScript (y compris les booléens, les nombres, les objets, les tableaux et null). Si cela ne modifie pas la représentation de la valeur, la valeur est convertie en nombre. Par exemple, "1E02" et "100.000" sont équivalents à des nombres (valeur numérique 100), mais leur conversion modifierait leur représentation, ils sont donc conservés sous forme de chaînes. La valeur de chaîne « 100 » est convertie en nombre 100.

Si l'attribut data est un objet (commençant par "{") ou un tableau (commençant par '['), vous pouvez utiliser jQuery.parseJSON pour l'analyser en une chaîne, il doit suivre la syntaxe d'un JSON valide, Incluez le nom de la propriété entre guillemets doubles. Si la valeur ne peut pas être analysée en tant que valeur JavaScript, elle sera conservée sous forme de chaîne.

Si vous souhaitez utiliser la valeur d'attribut récupérée directement sous forme de chaîne, veuillez utiliser la méthode attr().
L'attribut data n'est plus accessible ni modifié après la première utilisation de cet attribut data (toutes les valeurs de données sont stockées en interne dans jQuery).
Si vous appelez .data() sans paramètres, toutes les données seront obtenues sous forme d'objets JavaScript. Cet objet peut être stocké en toute sécurité dans une variable, car une fois le nouvel objet extrait, les opérations .data(obj) ultérieures sur l'élément n'affecteront plus cet objet. De plus, manipuler cet objet directement est plus rapide que d'appeler .data() à chaque fois pour définir ou obtenir une valeur.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn