Méthode data() jQuery divers

Méthodes diverses jQuery

La méthode data() stocke des données arbitraires dans l'élément sélectionné ou les récupère.

Lorsque la méthode data() est utiliséeObtenirLorsque les données sont utiliséesPremier élément sélectionnédes données.

Lorsque la méthode data() est utiliséeStockageLorsque les données sont stockées, il stocke les données dansTous les éléments sélectionnés。

Pour supprimer les données, utilisezremoveData()Méthode.

Syntaxe :

Retournez les données stockées de l'élément sélectionné :

$(selector).data(key)

Stockez les données dans l'élément sélectionné :

$(selector).data(key,　value)

Utiliser un objet pour stocker les données dans l'élément sélectionné :

$(selector).data(key,　object)

Exemple

Récupérer les données de la première liste :

$("#btn1").click(function(){
　　alert($("li").data("price"));
});

Stockez les données dans l'élément DIV, puis récupérez les données :

//　Stockage des données
$("#btn1").click(function(){
　　$("div").data("msg",　"Hello　World");
});
//　Récupérer les données
$("#btn2").click(function(){
　　$("div").text($("div").data("msg"));
});

Utiliser un objet pour stocker les données dans l'élément DIV, puis récupérer les données :

$("button").click(function(){
　　$("div").data("test",　{first:　16,　last:　"pizza!"});
　　$("span:first").text($("div").data("test").first);
　　$("span:last").text($("div").data("test").last);
});

Recherchez l'attribut "video" via le bouton:

$("#videoModal").on("show.bs.modal",　function(event)　{
　　let　button　=　$(event.relatedTarget);　//　Bouton déclenchant le modal
　　let　url　=　button.data("video");　　//　à partir des données-Extraire l'URL à partir des propriétés de vidéo
　　$(this).find("iframe").attr({
　　　　src　:　url,
　　　　allow　:　"accelerometer;　autoplay;　encrypted-media;　gyroscope;　picture-in-picture"
　　});
});

Valeur du paramètre

Méthodes diverses jQuery