suchen

Heim >Web-Frontend >js-Tutorial >Ausführliche Erläuterung der Anwendungsbeispiele von clearQueue() in jQuery

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

巴扎黑
巴扎黑Original
2017-06-20 14:47:331013Durchsuche

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)

Parameterliste:

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>


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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Der Nutzungsunterschied zwischen Warteschlange und Warteschlangenentfernung in jQueryNächster Artikel：Der Nutzungsunterschied zwischen Warteschlange und Warteschlangenentfernung in jQuery

In Verbindung stehende Artikel

Mehr sehen