Ausführliche Erläuterung der Anwendungsbeispiele von clearQueue() in jQuery-js-Tutorial-php.cn

Ausführliche Erläuterung der Anwendungsbeispiele von clearQueue() in jQuery

巴扎黑

Freigeben： 2017-06-20 14:47:33

Original

992 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Verwendung der Methode „clearQueue()“ in jQuery vor. Er analysiert die Funktion und Definition der Methode „clearQueue()“ und die Fähigkeiten zum Löschen der Warteschlange siehe es

Das Beispiel in diesem Artikel beschreibt die Verwendung der Methode „clearQueue()“ in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode kann alle Warteschlangen für das Objekt löschen, die noch nicht ausgeführt wurden.

Wenn kein Parameter vorhanden ist, wird die Warteschlange Animation standardmäßig geleert. Dies ähnelt stop(true), aber stop() kann nur die Animationswarteschlange löschen, während damit alle durch queue() erstellten Warteschlangen gelöscht werden können.

Grammatikstruktur:

Der Code lautet wie folgt:

$(selector).clearQueue(queueName)

Nach dem Login kopieren

Parameterliste:

< td width= "500" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; Wort -wrap: break-word; Schriftgröße: versteckt; border-top: rgb(227,237,245) 1px solid; padding-top: 4px">Optional. Definiert den Namen der zu stoppenden Warteschlange. Der Standardwert ist „fx“, Animationswarteschlange.

Parameter

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

Beschreibung

queueName

Beispielcode:

<!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>

Nach dem Login kopieren

Der Code lautet wie folgt:

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Anwendungsbeispiele von clearQueue() in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!