Explication détaillée des exemples d'utilisation de clearQueue() dans jQuery-js tutoriel-php.cn

Explication détaillée des exemples d'utilisation de clearQueue() dans jQuery

巴扎黑

Libérer： 2017-06-20 14:47:33

original

972 Les gens l'ont consulté

Cet article présente principalement l'utilisation de la méthode clearQueue() dans jQuery. Il analyse la fonction et la définition de la méthode clearQueue() et les compétences nécessaires pour vider la file d'attente avec des exemples. Il a une certaine valeur de référence. référez-vous à lui

L'exemple de cet article décrit l'utilisation de la méthode clearQueue() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode peut effacer toutes les files d'attente sur l'objet qui n'ont pas encore été exécutées.

S'il n'y a aucun paramètre, la file d'attente animation sera effacée par défaut. Ceci est similaire à stop(true), mais stop() ne peut effacer que la file d'attente d'animation, alors que cela peut effacer toutes les files d'attente créées via queue().

Structure grammaticale :

Le code est le suivant :

$(selector).clearQueue(queueName)

Copier après la connexion

Liste des paramètres :

< td width= "500" style="bordure inférieure : rgb(227 237 245) 1px solide ; bordure gauche : rgb(227 237 245) 1px solide ; remplissage inférieur : 4 px ; rembourrage gauche : 4 px ; rembourrage droit : 4 px ; mot -wrap : mot de rupture ; taille de police : 14 px ; débordement : caché ; bordure supérieure : rgb(227 237 245) 1px solide ; bordure droite : rgb(227 237 245) 1px solide : 4px">Facultatif. Définit le nom de la file d'attente à arrêter. La valeur par défaut est "fx", file d'attente d'animation.

Paramètre

参数	描述
queueName	可选。定义要停止的队列的名称。默认是 "fx"，动画队列。

Description

queueName

Exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
#father 
{
  background:#060;
  width:300px;
  height:300px;
}
#box 
{
  background:red;
  height:50px;
  width:50px;
  
position
:relative
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">  
$(
document
).ready(function(){ 
  $("#start").click(function(){ 
    $("#box").animate({height:200},"slow"); 
    $("#box").animate({width:200},"slow"); 
    $("#box").animate({height:50},"slow"); 
    $("#box").animate({width:50},"slow"); 
  }); 
  $("#clear").click(function(){ 
    $("#box").clearQueue(); 
  }); 
}); 
</script>
</head>
<body>
<p>
  <button id="start">开始执行动画</button>
  <button id="clear">清除队列</button>
</p>
<p id="father">
  <p id="box"></p>
</p>
</body>
</html>

Copier après la connexion

Le code est le suivant :

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!