Maison > interface Web > js tutoriel > le corps du texte

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

巴扎黑
Libérer: 2017-06-20 09:57:33
original
1149 Les gens l'ont consulté

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;
}
Copier après la connexion
, 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"));
Copier après la connexion
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));//输出   遁地龙卷风
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal