JQUERY 动画
JQUERY 链接 

JQUERY 停止

在 jQuery 中，要停止当前正在运行的动画或效果，可以使用 .stop()方法。这个方法能够立即停止当前元素上所有正在运行的动画，也可以接受一些参数来控制停止动画的行为。


基本用法

$(selector).stop();

这会停止selector匹配的元素上所有正在运行的动画。


停止特定动画队列

如果你想要停止特定类型的动画，可以通过指定队列名称作为.stop()方法的参数：

$(selector).stop(queueName);


例如，如果你有一个名为myAnimation的动画队列，你可以这样停止它：

$(selector).stop('myAnimation');


控制动画的结束行为

.stop()方法还可以接受两个布尔值的参数，分别控制动画结束时的行为：

  • clearQueue：布尔值，默认为false，指定是否清空动画队列。

  • jumpToEnd：布尔值，默认为false，指定是否立即跳到动画结束状态。

$(selector).stop(clearQueue, jumpToEnd)

  • clearQueue为true时，会清空待执行的动画队列。

  • jumpToEnd为true时，会立即完成当前动画，跳到动画末状态。


示例

$(selector).stop(true, true);

这会立即结束当前正在进行的动画，并清空元素上的动画队列。


总结

.stop()方法是在jQuery中用来停止动画效果的主要方法，可以通过不同的参数组合来实现精确的控制。