jQuery 停止动画

jQuery stop()方法用于在jQuery动画或效果完成之前停止它。

jQuery stop()方法

stop()方法将在完成之前停止当前在选定元素上运行的jQuery动画或效果。

在元素上调用stop()时，当前正在运行的动画（如果有）立即停止。

如果在同一元素上调用了多个动画方法，则以后的动画将放置在效果队列中。

这是stop()方法的语法：

$(selector).stop(clearQueue, jumpToEnd)

stop()方法接受两个可选参数：

• clearQueue-一个布尔值，指示是否也要删除排队的动画。默认为false

• jumpToEnd-一个布尔值，指示是否立即完成当前动画。默认为false

下面的示例停止当前正在运行的动画：

$("button").click(function(){
  $("div").stop();
});

下面的示例，同时停止排队的动画：

$("button").click(function(){
  $("div").stop(true);
});

下面的示例为，立即完成所有动画后停止：

$("button").click(function(){
  $("div").stop(true, true);
});

jQuery效果参考

有关完整的效果参考，请访问我们的jQuery 效果参考手册。