Maison > interface Web > js tutoriel > Résumé des exemples d'utilisation de plusieurs types de données dans jquery

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

伊谢尔伦
Libérer: 2017-06-19 10:44:36
original
1224 Les gens l'ont consulté

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();//清空队列
Copier après la connexion

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"));
});
//向元素附加数据,然后取回该数据
Copier après la connexion

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() 终止一个自定义的队列函数
Copier après la connexion

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 的结果
Copier après la connexion

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 队列,只有当滑动过渡完成后才会被调用
Copier après la connexion

Équivalent à :

$('#foo').slideUp();
$('#foo').queue(function() {
  alert('Animation complete.');
  $(this).dequeue();
});
Copier après la connexion
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.');
});
Copier après la connexion

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!

É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