Maison > Article > interface Web > Explication détaillée des exemples d'utilisation de clearQueue() dans jQuery

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

巴扎黑original: 2017-06-20 14:47:33930parcourir

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)

Liste des paramètres :

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>

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!

Déclaration：

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

Article précédent：La différence d'utilisation entre la file d'attente et la suppression de la file d'attente dans jQueryArticle suivant：La différence d'utilisation entre la file d'attente et la suppression de la file d'attente dans jQuery

Articles Liés

Voir plus