jQuery 學習記錄

羅高發表於2018-01-05

記錄一下一些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:以上所說佇列均為方法呼叫時被選元素的所有加入佇列的動畫

個人學習記錄,有錯請您指出.
謝謝指教!

相關文章