L'interaction et les précautions entre les nouveaux attributs HTML5 Data- * et JS / JQuery

Exemple d'écriture

 <div data-lile = page data-list-vale = 43 data-hidden = true data-options = '{name: John}'> </div>

L'attribut Data- * est utilisé pour stocker des données personnalisées privées pour les pages de stockage ou les applications.

Données- * Les attributs nous donnent la possibilité d'intégrer les attributs de données personnalisés sur tous les éléments HTML.

Données- * Les attributs incluent deux parties:

• Le nom d'attribut ne doit pas inclure de majuscules, et au moins un caractère doit être disponible après les données du préfixe
• La valeur d'attribut peut être n'importe quelle chaîne

Utilisez la valeur d'attribut Data- * pour utiliser la fonction .data () dans jQuery

 console.log ($ (div) .data ('lastvalue')); Était: Page est: Page

Données - ** Format de nom d'attribut Réécriture du nom de la bosse

L'attribut de données n'est plus accès ou modifié après avoir utilisé cet attribut de données pour la première fois (toutes les valeurs de données sont stockées à l'intérieur de jQuery)

Démonstration:

 Console.log ($ (div) .data ('LastValue')); TROISIÈME DIV DANS LE DOCUMENT, NOUS ONT DÉPOSE CETTE DOM // Sortie: <Div Data-Lole = Page Data-Last-Value = 43 Data-Highden = True Data-Options = '{Name: John}'>

N'ayez pas peur, vous sortez à nouveau

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

La valeur est juste stockée à l'intérieur de jQuery

Utilisez la valeur d'attribut Data- * avec la fonction .attr () dans jQuery

 Console.log ($ ('div'). att ('data-role')); ;

Utilisez la fonction .attr () dans jQuery pour définir la valeur d'attribut de données

 $ ('div').

Remarque: le numéro fracdable doit être converti en une dénomination de bosse

Ce qui précède est l'interaction entre les nouveaux attributs HTML5 - * et JS / jQuery vous sont présentés. dans le temps. Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!