Verwendung der JQuery-Warteschlangenfunktion example_jquery

Die Beispiele in diesem Artikel beschreiben die Verwendung der JQuery-Warteschlangenfunktion. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

div { margin:3px; width:40px; height:40px;
position:absolut; links:0px; oben:30px; Hintergrund:grün; Anzeige:kein; div.newcolor {Hintergrund:blau;🎜>
Klicken Sie hier...

<script><br> $(document.body).click(function () {<br> ​​​ $("div").show("slow");<br> //$("div").slideDown();<br> ​​​ $("div").animate({left:' =200'},2000);<br> ​​​ $("div").queue(function () {//Queue<br>              $(this).addClass("newcolor");<br>              $(this).dequeue();//Dequeue<br> });<br> ​​​ $("div").animate({left:'-=200'},2000);<br> ​​​ $("div").queue(function () {//Queue<br>              $(this).removeClass("newcolor");<br>              $(this).dequeue();//Dequeue<br> });<br> $("div").slideUp();<br> });<br> </script>




Ich hoffe, dass dieser Artikel jedem beim Erlernen der jQuery-Programmierung hilfreich sein wird.