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

發(fā)布時(shí)間：2020-09-24 12:49:11 來(lái)源：腳本之家閱讀：142 作者：jingxian 欄目：web開(kāi)發(fā)

stop(true,true):

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

jQuery stop() 方法

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

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

語(yǔ)法

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

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

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

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

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

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

判斷元素是否處于動(dòng)畫(huà)狀態(tài)，常用于”連續(xù)點(diǎn)擊上/下一張按鈕，只響應(yīng)用戶(hù)第一次點(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ū)別(詳解)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽