jQuery - méthode data() de données

Exemple

Ajouter des données à un élément, puis récupérer ces données :

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});

Essayez-le vous-même

Définition et utilisation

La méthode data() ajoute des données aux éléments sélectionnés ou récupère des données des éléments sélectionnés.

Retourner les données de l'élément

Retourner les données ajoutées à l'élément sélectionné.

Syntaxe

$(selector).data(name)
Paramètres Description
name

Optionnel. Définit le nom des données à récupérer.

Si le nom n'est pas spécifié, cette méthode retourne tous les données stockés dans l'élément sous forme d'objet.

Ajouter des données à un élément

Ajouter des données à l'élément sélectionné.

Syntaxe

$(selector).data(name,value)
Paramètres Description
name Obligatoire. Définit le nom des données à définir.
value Obligatoire. Définit la valeur des données à définir.

Ajouter des données à un élément en utilisant un objet

Utilisez un objet contenant des paires nom/valeur pour ajouter des données aux éléments sélectionnés.

Syntaxe

$(selector).data(object)

Essayez-le vous-même

Paramètres Description
object Obligatoire. Définit un objet contenant des paires nom/valeur.