Maison >interface Web >js tutoriel >Partage d'exemples d'utilisation de jquery exploitant des données HTML5-*_jquery
Après avoir lu les spécifications détaillées de HTML5, vous constaterez que l'utilisation de cet attribut de données personnalisé est très simple, c'est-à-dire que vous pouvez ajouter n'importe quel attribut commençant par « data- » à la balise HTML. affiché sur la page, cela n’affectera pas la mise en page et le style de votre page, mais il est lisible et inscriptible.
Cette méthode est déjà intégrée à jquery. Les données peuvent être obtenues via $('#content').data('list');. Cette méthode est apparue après la version 1.4.3 de jQuery, et elle peut renvoyer l'attribut de données correspondant. .
http://code.jquery.com/jquery-2.1.0.min.js">>
<script><br>
$(fonction(){<br>
//Lire la valeur des données-*<br>
$("li").each(function(v) {<br>
console.log($(this).data('name'));<br>
});<br>
<br>
//Définissez la valeur de data-*<br>
$("li").eq(0).data('name','bryant');<br>
$("li").each(function(v) {<br>
console.log($(this).data('name'));<br>
});<br>
<br>
//Supprimer la valeur de data-* Le RemoveAttr est utilisé ici, et le test officiel RemoveData ne fonctionne pas<br>
$("li").eq(0).removeAttr('data-name');<br>
$("li").each(function(v) {<br>
console.log($(this).data('name'));<br>
});<br>
})<br>
</script>