All Dictionaries
jQuery Related dictionaries
jquery clearQueue method
Detailed instructions for use
jquery clearQueue method
Chinese translation
Recent Updates: 2018-05-11 11:38:49
clear
UK[klɪə(r)] US[klɪr]
adj. Clear; clear; clear, clear; clear, bright
adv.completely; clearly; whole
vi.become clear; become clear
vt.sweep, remove; eliminate (suspect); make clear; Make clean
n. Gap, space
queue
英[kju:] 美[kju]
n.（ people or vehicles) queue, queue; braid
vi. (people, vehicles, etc.) line up to wait
vt. (make) line up, line up to wait
jquery clearQueue method syntax
Function: clearQueue() method stops all functions in the queue that have not yet been executed. Unlike the stop() method, (which only works for animations), clearQueue() clears any queued function (any function added to the generic jQuery queue via the .queue() method).
Syntax: $(selector).clearQueue(queueName)
Parameters:
| Parameters | Description |
| queueName | Optional. Specifies the name of the queue to stop. Default is "fx", the standard effects queue. |
jquery clearQueue method example
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#start").click(function(){
$("#box").animate({height:300},"slow");
$("#box").animate({width:300},"slow");
$("#box").queue(function () {
$(this).css("background-color","red");
$(this).dequeue();
});
$("#box").animate({height:100},"slow");
$("#box").animate({width:100},"slow");
});
$("#stop").click(function(){
$("#box").clearQueue();
});
});
</script>
</head>
<body>
<p><button id="start">Start Animation</button><button id="stop">Stop Animation</button></p>
<div id="box" style="background:#98bf21;height:100px;width:100px;position:relative">
</div>
</body>
</html>Click the "Run instance" button to view the online instance
jquery clearQueue method
