- 0133技术站
- 联系QQ:18840023
- QQ交流群

- 微信公众号

jQuery 遍历 clearQueue() 方法
定义和用法
clearQueue() 方法从序列中删除仍未运行的所有项目。
语法
.clearQueue(queueName)
参数 | 描述 |
queueName | 可选。字符串值,包含序列的名称。默认是 fx, 标准的效果序列。 |
详细说明
当调用 .clearQueue() 方法时,序列中未被执行的所有函数都会被从序列中删除。如果不使用参数,则 .clearQueue() 从 fx (标准效果序列)中删除剩余的函数。在这种方式中,它类似于 .stop(true)。不过,.stop() 方法只用于动画,而 .clearQueue() 也可用于删除通过 .queue() 方法添加到通用 jQuery 序列的任何函数。
<button id="start">开始</button> <button id="stop">停止</button> <div></div> <script> $("#start").click(function () { $("div").show("slow"); $("div").animate({left:'+=200'},5000); $("div").queue(function () { $(this).addClass("newcolor"); $(this).dequeue(); }); $("div").animate({left:'-=200'},1500); $("div").queue(function () { $(this).removeClass("newcolor"); $(this).dequeue(); }); $("div").slideUp(); }); $("#stop").click(function () { $("div").clearQueue(); $("div").stop(); }); </script>
点击 "运行实例" 按钮查看在线实例
效果图:
推荐手册