jQuery之stop()

开启第一篇原创博客,内容朴实,但绝对属实。

先来看看w3c的定义和语法:

定义:stop() 方法停止当前正在运行的动画。

语法:$(selector).stop(stopAll,goToEnd)

参数:(默认情况下,不写参数,则会被认为两个参数都是false。)

第一个参数的意思是是否清空动画序列,也就是停止的是当前元素的动画效果还是停止后面附带的所有动画效果,一般为false,跳过当前动画效果,执行下一个动画效果;

第二个参数是是否将当前动画效果执行到最后,意思就是停止当前动画的时候动画效果刚刚执行了一半,这个时候想要的是动画执行之后的效果,那么这个参数就为true。否则动画效果就会停在stop执行的时候。

四种具体情况:

stop(true)等价于stop(true,false): 停止被选元素的所有(包括当前动画)加入队列的动画。

stop(true,true):停止被选元素的所有加入队列的动画,但允许完成当前动画。

stop()等价于stop(false,false):停止被选元素当前的动画,但允许完成以后队列的所有动画。

stop(false,true):立即结束当前的动画 到最终效果,然后完成以后队列 的所以动画。

总结:第一个参数stopAll针对加入动画队列中的所有动画。

第二个参数gotoEnd针对当前正在执行的动画。

原文地址:https://www.cnblogs.com/chenwenhao/p/6734215.html