jq stop()和:is(:animated)的用法及區(qū)別(詳解)
stop(true,true):
表示停止匹配元素正在進行的動畫并跳轉到末狀態(tài),清空未執(zhí)行完的動畫隊列。常用于”解決光標移入移出得過快導致的動畫效果與光標動作不一致“問題!
jQuery stop() 方法
jQuery stop() 方法用于停止動畫或效果,在它們完成之前。
stop() 方法適用于所有 jQuery 效果函數(shù),包括滑動、淡入淡出和自定義動畫。
語法
$(selector).stop(stopAll,goToEnd);可選的 stopAll 參數(shù)規(guī)定是否應該清除動畫隊列。默認是 false,即僅停止活動的動畫,允許任何排入隊列的動畫向后執(zhí)行。
可選的 goToEnd 參數(shù)規(guī)定是否立即完成當前動畫。默認是 false。
因此,默認地,stop() 會清除在被選元素上指定的當前動畫。
下面的例子演示 stop() 方法,不帶參數(shù):
$("#stop").click(function(){
$("#panel").stop();
});
:is(":animated") :animated是jQ選擇器 選擇所有動畫元素
判斷元素是否處于動畫狀態(tài),常用于”連續(xù)點擊上/下一張按鈕,只響應用戶第一次點擊動作“時使用。
if(!$("#lunbolist li").is(":animated")){
$("#lunbolist li").filter(".on").hide();
$("#lunbolist li").eq(currentindex).fadeIn(100).addClass("on").siblings().removeClass("on");
$(this).addClass("on").siblings().removeClass("on");
}
以上這篇jq stop()和:is(:animated)的用法及區(qū)別(詳解)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
jQuery實現(xiàn)表格行和列的動態(tài)添加與刪除方法【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)表格行和列的動態(tài)添加與刪除方法,涉及jQuery針對頁面元素的動態(tài)添加與刪除相關技巧,非常簡便實用,需要的朋友可以參考下2016-08-08
JQuery實現(xiàn)ul中添加LI和刪除指定的Li元素功能完整示例
這篇文章主要介紹了JQuery實現(xiàn)ul中添加LI和刪除指定的Li元素功能,結合完整實例形式分析了jQuery基于事件響應的頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2019-10-10
jQuery擴展實現(xiàn)text提示還能輸入多少字節(jié)的方法
這篇文章主要介紹了jQuery擴展實現(xiàn)text提示還能輸入多少字節(jié)的方法,涉及jQuery擴展及字符串操作相關技巧,需要的朋友可以參考下2016-11-11
jQuery移動頁面開發(fā)中的觸摸事件與虛擬鼠標事件簡介
這篇文章主要介紹了jQuery移動頁面開發(fā)中的觸摸事件與虛擬鼠標事件的簡單編寫方法,jQuery是當今人氣最高的Javascript庫并被廣泛應用于移動web的開發(fā),需要的朋友可以參考下2015-12-12

