Introduction et exemples d'utilisation de jQuery.data().

Définition et utilisation

La méthode data() ajoute des données à l'élément sélectionné ou obtient des données à partir de l'élément sélectionné.

Remarque : Il s'agit d'une méthode de bas niveau, il est plus pratique d'utiliser .data().

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

Renvoie des données supplémentaires de l'élément sélectionné.

Syntaxe

$(selector).data(name)

Paramètres                                                                                                                                   . Spécifie le nom des données à récupérer.

Si aucun nom n'est spécifié, cette méthode renverra toutes les données stockées de l'élément en tant qu'objet.

Ajouter des données à l'élément

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

Syntaxe

$(selector).data(name,value)

Paramètres                                                                                                                                                                                . Spécifie le nom des données à définir.                                                                                       Spécifie la valeur des données à définir.

Utilisez un objet pour ajouter des données à un élément

Utilisez un objet avec des paires nom/valeur pour ajouter des données à l'élément sélectionné.

Syntaxe

$(selector).data(

object)

Ce que j'utilise est chrome49, cette méthode implique un problème de version

JQuery. J'ai 3.0 et 1.9.1 en main. Plus tard, la 1.9.1 et ses précédentes seront appelées versions basses, et 3.0 seront appelées versions hautes La méthode showMessage utilisée dans l'exemple de test est la suivante

(0)$.data(obj,key,value)la valeur clé est

string

Le type, qui est un nombre ou un objet (var lol={}), n'a aucun sens. La valeur peut être un type normal Lorsque le

fait référence au type

showMessage.i = 0;
function showMessage(object)
{
　　var body = $("body")[0];
　　var $p =$("#debugp");
  
　　if($p.length==0)
　　{
　　　　$p = $("<p/>").attr("id","debugp");
　　　　$(body).prepend($p);
　　}
　　$p[0].innerHTML += "<br/>"+(showAttribute.i++)+" | "+object;
}

, une référence est passée à la place de. un clone

a.

$.data place en fait les données sur l'attribut d'objet, similaire à obj.sex="female", quel que soit le nombre de clés que vous ajoutez à obj. via $.data, en obj uniquement Il y en aura un supplémentaire similaire à jQuery300082932543555993442300082932543555993442 est un nombre aléatoire généré par jQuery. Il pointe vers un objet qui stocke les données que vous avez ajoutées sous forme de clé. valeur.

Les versions inférieures peuvent transmettre des traversées vers jQuery300082932543555993442. Les versions supérieures ne peuvent être visualisées que via l'outil de débogage

var obj = {"name":"寒冰射手","age":"12"};
$.data(obj,"height",165);
showMessage($.data(obj,"height"));

b.

Lorsque la valeur est un objet, un. la référence est passée

(2)

$(selector).data lie

data

à l'élément HTML DOM Les fonctionnalités restantes sont les mêmes. comme méthode $.data, mais vous pouvez utiliser for-in pour obtenir l'objet ajouté

var husband = ["蛮族之王"];
var obj = {"name":"寒冰射手","age":"12"};
$.data(obj,"husband",husband);
$.data(obj,husband)[0] = "遁地龙卷风";
showMessage($.data(obj,husband));//输出   遁地龙卷风

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!