jquery clearQueue method
Translation results：
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 methodsyntax
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 methodexample
<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