Stocker et reprendre des données

La méthode data() permet de stocker et de retrouver des données quelconques. 

Stocker des données

Pour associer une valeur à un élément de la page, par exemple une division <div>.


data(clé,valeur) data 
  • clé : chaîne de caractères qui spécifie le nom donné aux données stockées.

  • valeur : les données stockées. Celles-ci peuvent être sous forme de chaîne de caractères, d’un tableau array ou d’un objet.


$("div").data("nombre", 2015);
 

Reprendre des données stockées

Pour reprendre dans le script une valeur ainsi stockée, il suffit de l’appeler par son nom.


data(clé)
 
  • clé : chaîne de caractères qui reprend le nom donné aux données stockées.


$("div").data("nombre");
 

Supprimer des données stockées

Pour ne pas encombrer la mémoire du navigateur, il est utile de supprimer les données stockées devenues inutiles.


removeData(clé) removeData 
  • clé : chaîne de caractères qui reprend le nom donné aux données stockées


$("div").removeData("nombre");
 

Pour les experts du JavaScript, la méthode data() peut être un moyen astucieux pour rendre globale une variable locale.

Exemple

Concevons une page où, lors du clic sur un bouton, des données seront...

couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Itérations en jQuery
Suivant
Retrouver un élément du DOM