jq stop()和:is(:animated)的用法及區(qū)別(詳解)
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è)參考,也希望大家多多支持腳本之家。
- jquery hover 不停閃動(dòng)問(wèn)題的解決方法(亦為stop()的使用)
- 詳解jQuery停止動(dòng)畫(huà)——stop()方法的使用
- jQuery stop()用法實(shí)例詳解
- 逐一介紹Jquery data()、Jquery stop()、jquery delay()函數(shù)(詳)
- jquery中animate的stop()方法作用實(shí)例分析
- 理解jQuery stop()方法
- JQuery動(dòng)畫(huà)animate的stop方法使用詳解
- Jquery ajaxStart()與ajaxStop()方法(實(shí)例講解)
- Jquery阻止事件冒泡 event.stopPropagation
相關(guān)文章
jQuery學(xué)習(xí)之prop和attr的區(qū)別示例介紹
prop和attr的區(qū)別你知道嗎?在本文有些不錯(cuò)的示例對(duì)兩者詳細(xì)介紹,感興趣的朋友不要錯(cuò)過(guò)2013-11-11基于Jquery+Ajax+Json的高效分頁(yè)實(shí)現(xiàn)代碼
分頁(yè)我相信大家存儲(chǔ)過(guò)程分頁(yè)已經(jīng)很熟悉了,ajax更是耳熟能詳了,更別說(shuō)我們的json,等等2011-10-10jQuery獲取當(dāng)前點(diǎn)擊的對(duì)象元素(實(shí)現(xiàn)代碼)
下面小編就為大家?guī)?lái)一篇jQuery獲取當(dāng)前點(diǎn)擊的對(duì)象元素(實(shí)現(xiàn)代碼)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧2016-05-05滾動(dòng)圖片效果 jquery實(shí)現(xiàn)回旋滾動(dòng)效果
jquery滾動(dòng)圖片效果,有些新手朋友可能不是很清楚,今天在網(wǎng)上找到一款回旋滾動(dòng)效果,拿出來(lái)和大家一起分享,感興趣的朋友可以了解下哦2013-01-01原生Ajax 和jQuery Ajax的區(qū)別示例分析
這篇文章主要介紹了原生Ajax 和Jq Ajax的區(qū)別示例分析,需要的朋友可以參考下2014-12-12手寫(xiě)簡(jiǎn)單的jQuery雪花飄落效果實(shí)例
這篇文章主要給大家介紹了關(guān)于手寫(xiě)簡(jiǎn)單的jQuery雪花飄落的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-04-04Jquery Uploadify多文件上傳帶進(jìn)度條且傳遞自己的參數(shù)
Jquery Uploadify多文件上傳帶進(jìn)度條且傳遞自己的參數(shù),具體實(shí)現(xiàn)如下,需要的朋友可以學(xué)習(xí)下2013-08-08