jQuery 常用方法2(持續更新)

2022-05-20 17:01:27 字數 1302 閱讀 6119

5.fadein()  fadeout()  fadetoggle()  fadeto()

fadein():用於淡入已隱藏的元素。

fadeout( ) :方法用於淡出可見元素。

fadetoggle( ) :方法可以在 fadein() 與 fadeout() 方法之間進行切換。

如果元素已淡出,則 fadetoggle() 會向元素新增淡入效果。

如果元素已淡入,則 fadetoggle() 會向元素新增淡出效果。

fadeto( ) :方法允許漸變為給定的不透明度(值介於 0 與 1 之間)。

重點:在搞這幾個方法時,我想到了另一對方法hide()show()。hide隱藏起來的內容能否被「淡入」,被「淡出」的內容能否被「淡入」。為了方便,我拿fadetoggle方法和show,hide進行試驗。發現,他們之間能相互作用!這個發現讓我有點小興奮,附上試驗**:

this is a para

this is another

click me to hide

click me to show

fadetoggle

6.animate() :用於建立自定義動畫。幾乎可以操縱所有css屬性,可以使用佇列功能。

7.stop() :用於停止動畫或效果,在它們完成之前。stop() 方法適用於所有 jquery 效果函式,包括滑動、淡入淡出和自定義動畫。

$(selector).stop(stopall,gotoend);

可選的 stopall 引數規定是否應該清除動畫佇列。預設是 false,即僅停止活動的動畫,允許任何排入佇列的動畫向後執行。

可選的 gotoend 引數規定是否立即完成當前動畫。預設是 false。

因此,stop有四種停止方式:1.停止當前動畫,允許動畫佇列中下乙個動畫進行。(false,false)2.停止當前動畫,並清除動畫佇列,即所有的動畫都不會執行並被清除掉。(true,false)3.立即完成當前的動畫,允許動畫佇列中下乙個動畫正常進行。(false,true)。4.立即完成當前動畫,並清除動畫佇列(true,true)。

開始停止

停止所有

停止但要完成

"開始"按鈕會啟動動畫。

"停止"按鈕會停止當前活動的動畫,但允許已排隊的動畫向前執行。

"停止所有"按鈕停止當前活動的動畫,並清空動畫佇列;因此元素上的所有動畫都會停止。

"停止但要完成"會立即完成當前活動的動畫,然後停下來。

hello

常用陣列方法 持續更新

常用於陣列的排序 使用示例 array 1 5 23 66 array.sort x,y x y 正序 array.sort x,y y x 倒序 陣列物件使用示例 array array.sort x,y x.age y.age 正序 array.sort x,y y.age x.age 倒序將陣...

JQuery問題總結 持續更新

這些對剛開始做小專案不熟悉的人員有一定的幫助!忘記或者經常用到的方法函式 addclass hot removeclass,hasclass,keyup change blue attr each keyup事件是鍵盤上的某個鍵按下後再鬆開時觸發 change事件是控制項的內容發生改變時觸發 blu...

JQuery的常用方法(更新中)

刪除新增class addclass 新增class,新增多個用空格隔開,重複新增一樣的class樣式會自動去重 removeclass 刪除class,刪多個用空格隔開。width系列 width 包含width innerwidth 包含width padding otherwidth 包含wi...