suchen

Heim >Web-Frontend >js-Tutorial >jQuery ClearQueue-bezogene Einführung und Beispiele

jQuery ClearQueue-bezogene Einführung und Beispiele

巴扎黑
巴扎黑Original
2017-06-20 15:06:091279Durchsuche

Die

clearQueue()-Methode wird mit der clearQueue()-Methode

kombiniert.clearQueue() kann verwendet werden, um jede -Funktion zu entfernen, die über die .queue zu einer generischen jQuery-Sequenz hinzugefügt wurde ()-Methode .

Beispiel: 


<!DOCTYPE html>
<html>
<head>
  <style>
  p { margin:3px; width:40px; height:40px;
    position:absolute; left:0px; top:30px; 
    background:green; display:none; }
  p.newcolor { background:blue; }
  </style>

  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>

<body>

<button id="start">开始</button>
<button id="stop">停止</button>
<p></p>

<script>
$("#start").click(function () {
  $("p").show("slow");
  $("p").animate({left:&#39;+=200&#39;},5000);
  $("p").queue(function () {
    $(this).addClass("newcolor");
    $(this).dequeue();
  });
  $("p").animate({left:&#39;-=200&#39;},1500);
  $("p").queue(function () {
    $(this).removeClass("newcolor");
    $(this).dequeue();
  });
  $("p").slideUp();
});
$("#stop").click(function () {
  $("p").clearQueue();
  $("p").stop();
});
</script>


</body>
</html>

Das obige ist der detaillierte Inhalt vonjQuery ClearQueue-bezogene Einführung und Beispiele. 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：Ausführliche Erläuterung der Anwendungsbeispiele von clearQueue() in jQueryNächster Artikel：Ausführliche Erläuterung der Anwendungsbeispiele von clearQueue() in jQuery

In Verbindung stehende Artikel

Mehr sehen