Maison > Article > interface Web > jquery stocke les données dans des éléments : data()

jquery stocke les données dans des éléments : data()

无忌哥哥original: 2018-06-29 13:39:502011parcourir

Stockage des données dans des éléments : data()

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3.在元素中存储数据:data()</title>
</head>
<body>
<img src="../images/peter.jpg" width="200" alt="php中文网" title="朱老师" id="pic" data-job="php中文网朱老师">
</body>
</html>

data() : Lire les données personnalisées dont le nom d'attribut commence par data- dans l'élément. Vous pouvez omettre le préfixe data-

var res = $(&#39;#pic&#39;).data(&#39;job&#39;)

Si vous utilisez la méthode attr() précédente, vous devez écrire le nom complet de l'attribut

var res = $(&#39;#pic&#39;).attr(&#39;data-job&#39;)

data() est également une méthode avec son propre lecteur et setter

$(&#39;#pic&#39;).data(&#39;data-course&#39;, &#39;php项目开发课程&#39;)

S'il s'agit d'un attribut personnalisé défini dynamiquement, il ne peut pas être obtenu si le préfixe est omis

var res = $(&#39;#pic&#39;).data(&#39;course&#39;)

Vous devez ajouter le préfixe

var res = $(&#39;#pic&#39;).data(&#39;data-course&#39;)

data() peut obtenir les attributs natifs de l'élément Impossible de lire

var res = $(&#39;#pic&#39;).data(&#39;title&#39;)

mais prend en charge la définition dynamique de l'attribut title, qui est limité à une utilisation dans les scripts. La valeur d'origine n'a pas changé

et peut maintenant être lu dans les scripts. La valeur de title est obtenue, bien que cette valeur soit différente de la valeur alt native

var res = $(&#39;#pic&#39;).data(&#39;title&#39;,&#39;hellow&#39;)

De même, data() a également un removeData() correspondant pour supprimer les personnalisés ou attributs créés par celui-ci

var res = $(&#39;#pic&#39;).data(&#39;title&#39;)

Les attributs personnalisés fournis avec la balise d'origine ne peuvent pas être supprimés

var res = $('#pic').removeData('title')  //仅删除临时创建的,原值不受影响
var res = $('#pic').removeData('data-course')  //仅删除临时创建的
var res = $(&#39;#pic&#39;).data(&#39;data-course&#39;)  //仅删除临时创建的

Afficher les résultats dans la console

var res = $('#pic').removeData('data-job') 
var res = $(&#39;#pic&#39;).data(&#39;job&#39;)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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

Article précédent：Introduction à l'utilisation des accessoires d'option de composant VueArticle suivant：Introduction à l'utilisation des accessoires d'option de composant Vue

Articles Liés

Voir plus