快捷導(dǎo)航

jq stop()和:is(:animated)的用法及區(qū)別(詳解)

更新時(shí)間：2017年02月12日 11:55:45 投稿：jingxian

下面小編就為大家?guī)硪黄猨q stop()和:is(:animated)的用法及區(qū)別(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

stop(true,true):

表示停止匹配元素正在進(jìn)行的動(dòng)畫并跳轉(zhuǎn)到末狀態(tài)，清空未執(zhí)行完的動(dòng)畫隊(duì)列。常用于”解決光標(biāo)移入移出得過快導(dǎo)致的動(dòng)畫效果與光標(biāo)動(dòng)作不一致“問題！

jQuery stop() 方法

jQuery stop() 方法用于停止動(dòng)畫或效果，在它們完成之前。

stop() 方法適用于所有 jQuery 效果函數(shù)，包括滑動(dòng)、淡入淡出和自定義動(dòng)畫。

語法

$(selector).stop(stopAll,goToEnd);可選的 stopAll 參數(shù)規(guī)定是否應(yīng)該清除動(dòng)畫隊(duì)列。默認(rèn)是 false，即僅停止活動(dòng)的動(dòng)畫，允許任何排入隊(duì)列的動(dòng)畫向后執(zhí)行。

可選的 goToEnd 參數(shù)規(guī)定是否立即完成當(dāng)前動(dòng)畫。默認(rèn)是 false。

因此，默認(rèn)地，stop() 會(huì)清除在被選元素上指定的當(dāng)前動(dòng)畫。

下面的例子演示 stop() 方法，不帶參數(shù)：

$("#stop").click(function(){ 
 $("#panel").stop(); 
});

:is(":animated") :animated是jQ選擇器選擇所有動(dòng)畫元素

判斷元素是否處于動(dòng)畫狀態(tài)，常用于”連續(xù)點(diǎn)擊上/下一張按鈕，只響應(yīng)用戶第一次點(diǎn)擊動(dòng)作“時(shí)使用。

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)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

jquery
stop

相關(guān)文章

jQuery避免$符和其他JS庫沖突的方法對(duì)比
jQuery中需要用到$符號(hào)，如果其他js庫也定義了$符號(hào)，那么就會(huì)造成沖突，會(huì)影響到j(luò)s代碼的正常執(zhí)行，下面有幾個(gè)不錯(cuò)的解決方法，大家可以參考下
2014-02-02
如何使用jQuery來處理圖片壞鏈具體實(shí)現(xiàn)步驟
也就是說如果這個(gè)圖片沒有加載成功了會(huì)怎么辦，下面為大大家分享下如何處理裂圖，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
2013-05-05
jQuery實(shí)現(xiàn)表格行和列的動(dòng)態(tài)添加與刪除方法【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)表格行和列的動(dòng)態(tài)添加與刪除方法,涉及jQuery針對(duì)頁面元素的動(dòng)態(tài)添加與刪除相關(guān)技巧,非常簡便實(shí)用,需要的朋友可以參考下
2016-08-08
jQuery實(shí)現(xiàn)炫麗的3d旋轉(zhuǎn)星空效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)炫麗的3d旋轉(zhuǎn)星空效果,涉及jQuery數(shù)值運(yùn)算與頁面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下
2018-07-07
JQuery實(shí)現(xiàn)ul中添加LI和刪除指定的Li元素功能完整示例
這篇文章主要介紹了JQuery實(shí)現(xiàn)ul中添加LI和刪除指定的Li元素功能,結(jié)合完整實(shí)例形式分析了jQuery基于事件響應(yīng)的頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-10-10
jquery選擇器簡述
本篇文章主要是對(duì)jQuery選擇器進(jìn)行了總結(jié)介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2015-08-08
jQuery頁面加載初始化常用的三種方法
當(dāng)頁面打開時(shí)我們需要執(zhí)行一些操作，下面為大家介紹三種不錯(cuò)的方法，大家可以參考下
2014-06-06
jQuery擴(kuò)展實(shí)現(xiàn)text提示還能輸入多少字節(jié)的方法
這篇文章主要介紹了jQuery擴(kuò)展實(shí)現(xiàn)text提示還能輸入多少字節(jié)的方法,涉及jQuery擴(kuò)展及字符串操作相關(guān)技巧,需要的朋友可以參考下
2016-11-11
jQuery移動(dòng)頁面開發(fā)中的觸摸事件與虛擬鼠標(biāo)事件簡介
這篇文章主要介紹了jQuery移動(dòng)頁面開發(fā)中的觸摸事件與虛擬鼠標(biāo)事件的簡單編寫方法,jQuery是當(dāng)今人氣最高的Javascript庫并被廣泛應(yīng)用于移動(dòng)web的開發(fā),需要的朋友可以參考下
2015-12-12
jQuery中綁定事件的命名空間詳解
jQuery的bind的函數(shù)在實(shí)際應(yīng)用其實(shí)不是特別多，只是他可以綁定一個(gè)事件，但不會(huì)即時(shí)觸發(fā)，也可以通過unbind來解除綁定。
2011-04-04