Attributs HTML personnalisés et jQuery

Question

J'ai souvent besoin de stocker de petits éléments de référence dans un élément de page, la plupart du temps un <div>. Je ne pouvais pas trouver trop de documentation sur la validité de créer mes propres attributs. Qu'est-ce que vous suggérez est la manière la plus valable de faire ceci ou est-ce que je peux même faire ceci? Si oui, puis-je simplement utiliser l'appel attr() de jQuery pour obtenir la référence?

exemple: <div class="sample" dataref="Sample Data Reference"></div>

Answer 1

Utiliser les données HTML5 attributs

Voir: http://api.jquery.com/data/

Par ex

<div class="sample" data-ref="some string" /> 

Puis:

$('.sample').data('ref'); 

Answer 2

Utilisez la fonctionnalité de données jQuery. Les données ne s'afficheront pas dans DOM, mais vous pourrez définir et accéder rapidement. Documentation:

http://api.jquery.com/jQuery.data/

Exemple:

// set value 
$.data(element, key, value); 

// get value 
var value = $.data(element, key); 

Answer 3

Je pense que vous pouvez utiliser un autre mot que "id" et "classe" attributs pour garder vos données.