jQuery clearQueue() 方法

实例

停止队列中剩余的函数:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#start").click(function(){
    $("div").animate({height: 300}, 1500);
    $("div").animate({width: 300}, 1500);
    $("div").animate({height: 100}, 1500);
    $("div").animate({width: 100}, 1500);
  });
  $("#stop").click(function(){
    $("div").clearQueue();
  });
});
</script>
</head>
<body>
<button id="start">开始动画</button>
<button id="stop">停止动画</button>
<br><br>
<div style="background:red;height:100px;width:100px;"></div>
</body>
</html>

运行一下

定义与用法

clearQueue() 方法从队列中删除尚未运行的所有项。请注意，当函数开始运行时，它会一直运行到完成。

语法

$(selector).clearQueue(queueName)

参数	描述
queueName	可选。指定队列的名称默认值是 "fx", 标准效果队列

jQuery clearQueue() 方法

实例

定义与用法

语法

更多实例

分类导航