jquery 清除队列方法
翻译结果:
clear
英 [klɪə(r)] 美 [klɪr]
adj.明确的;清澈的;清楚的,明白的;清晰的,明亮的
adv.完全地;清晰地;整整
vi.变明朗;变清澈
vt.扫除,除去;消除(嫌疑);使清楚;使干净
n.空隙,空间
queue
英 [kju:] 美 [kju]
n.(人或车辆)行列,长队;辫子
vi.(人、车等)排队等候
vt.(使)排队,列队等待
jquery 清除队列方法语法
作用:clearQueue() 方法停止队列中所有仍未执行的函数。与 stop() 方法不同,(只适用于动画),clearQueue() 能够清除任何排队的函数(通过 .queue() 方法添加到通用 jQuery 队列的任何函数)。
语法:$(selector).clearQueue(queueName)
参数:
参数 | 描述 |
queueName | 可选。规定要停止的队列的名称。默认是 "fx",标准效果队列。 |
jquery 清除队列方法示例
<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>
点击 "运行实例" 按钮查看在线实例