Résumé des exemples d'utilisation de plusieurs types de données dans jquery

Cet article présente principalement des exemples de plusieurs méthodes de traitement de données couramment utilisées dans jQuery, et fournit quelques suggestions et références pour les débutants.

1.clearQueue()

从序列中删除仍未运行的所有项目
.clearQueue(queueName)
$("div").clearQueue();//清空队列

2.data()

Ajouter des données à l'élément sélectionné ou obtenir des données de l'élément sélectionné

$(selector).data(name)//如果没有规定名称，则该方法将以对象的形式从元素中返回所有存储的数据
$(selector).data(name,value)向被选元素附加数据
$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});
//向元素附加数据，然后取回该数据

3. .dequeue()

Exécutez la fonction suivante dans la séquence pour l'élément correspondant

.dequeue(queueName)
$("div").queue(function () {
  $(this).toggleClass("red");
  $(this).dequeue();
});//使用 dequeue() 终止一个自定义的队列函数

4. Détection Si l'élément est associé à des données jQuery

La méthode Query.hasData() détecte si l'élément a actuellement une valeur définie à l'aide de jQuery.data(). S'il n'y a aucune donnée associée à l'élément (aucun objet de données n'existe ou l'objet de données est vide), cette méthode renvoie false sinon elle renvoie true

jQuery.hasData(element)//可选。需要检查其数据的 DOM 元素
$(function(){
  var $p = jQuery("p"), p = $p[0];
  $p.append(jQuery.hasData(p)+" "); /* false */
  jQuery.data(p, "testing", 123);
  $p.append(jQuery.hasData(p)+" "); /* true */
  jQuery.removeData(p, "testing");
  $p.append(jQuery.hasData(p)+" "); /* false */
});//在元素上设置数据，然后查看 hasData 的结果

Le principal avantage de jQuery.hasData(element) est ; que lorsqu'il n'y a pas d'objet de données Dans le cas de , l'objet de données n'est pas créé et associé à l'élément. Au contraire, jQuery.data(element) renvoie toujours l'objet de données à l'appelant. Si l'objet de données n'existe pas auparavant, il sera créé

5. Afficher ou faire fonctionner la file d'attente des fonctions exécutées sur les éléments correspondants

Cette fonctionnalité est similaire à la méthode d'animation fournissant une

fonction de rappel

, mais il n'est pas nécessaire de définir une fonction de rappel lorsque l'animation est exécuté :

.queue(queueName)//字符串值，包含序列的名称。默认是 fx, 标准的效果序列
function showIt() {
  var n = div.queue("fx");
  $("span").text( n.length );      
  setTimeout(showIt, 100);
}//显示队列的长度
$('#foo').slideUp().fadeIn();//当这条语句执行时，元素会立即开始其滑动动画，但是淡入过渡被置于 fx 队列，只有当滑动过渡完成后才会被调用

Équivalent à :

$('#foo').slideUp();
$('#foo').queue(function() {
  alert('Animation complete.');
  $(this).dequeue();
});

Lors de l'ajout de fonctions via .queue(), nous devons nous assurer que .dequeue() est finalement appelé afin que la prochaine fonction mise en file d'attente peut être exécuté

5. La méthode .removeData()

$('#foo').slideUp(function() {
  alert('Animation complete.');
});

supprime les données précédemment définies via la méthode data()

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!