记录一下一些jQuery方法,备忘

.stop() 方法

定义和用法

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

语法

$(selector).stop(stopAll,goToEnd)

参数描述

参数名 描述
stopAll 可选。规定是否停止被选元素的所有加入队列的动画。 默认为false
goToEnd 可选。规定是否允许完成当前的动画。该参数只能在设置了 stopAll 参数时使用。默认为false

—— 摘自w3school


个人理解
.stop()方法的两个参数默认都是false,根据参数描述.stop()方法的实现效果可以分为以下几个:

  • .stop() or .stop(false,false)
    立即停止队列中当前进行的动画,后续在队列中的动画会继续进行;当前动画不会完成执行;
  • .stop(false,true)
    队列中当前进行的动画会立即执行到动画结束并停止,后续在队列中的动画会继续进行;
  • .stop(true,false) or .stop(true)
    立即停止队列中所有动画;
  • .stop(true,true)
    停止队列中当前进行的动画;立即停止队列中所有动画;

ps:以上所说队列均为方法调用时被选元素的所有加入队列的动画

个人学习记录,有错请您指出.
谢谢指教!


罗高
709 声望18 粉丝

前端工程师