jQuery - 效果參考



jQuery 效果是 jQuery 庫中預定義的方法,允許我們為 Web 元素新增動畫和過渡。這些效果可以是顯示和隱藏元素、淡入淡出元素、滑動元素等。

為什麼要使用 jQuery 效果?

我們可以在以下情況下使用 jQuery 效果:

  • 互動使用者體驗:透過新增平滑的過渡和動畫效果,我們可以使我們的 Web 應用程式更具互動性,併為使用者提供更愉悅的使用體驗。
  • 視覺吸引力:效果會使我們的網站更具吸引力和醒目,吸引使用者的注意力。
  • 易於使用:jQuery 透過易於使用的方法簡化了複雜動畫和效果的實現,從而節省了時間和精力。

jQuery 效果方法

在下表中,我們列出了所有 jQuery 效果方法:

序號 方法及描述
1 animate()

用於對選定的元素執行自定義動畫。

2 clearQueue()

清除選定元素的佇列。

3 delay()

設定佇列中下一個專案執行的延遲。

4 dequeue()

從佇列中移除下一個函式並執行它。

5 fadeIn()

淡入選定的元素。

6 fadeOut()

淡出選定的元素。

7 fadeTo()

將選定的元素淡入到給定的不透明度。

8 fadeToggle()

在淡入和淡出選定的元素之間切換。

9 finish()

停止當前正在執行的動畫,移除所有排隊的動畫,並完成選定元素的所有動畫。

10 hide()

隱藏選定的元素。

11 queue()

顯示要對選定元素執行的函式佇列。

12 show()

顯示選定的元素。

13 slideDown()

向下滑動選定的元素。

14 slideToggle()

在向上滑動和向下滑動選定的元素之間切換。

15 slideUp()

向上滑動選定的元素。

16 stop()

停止選定元素上當前正在執行的動畫。

17 toggle()

在隱藏和顯示選定的元素之間切換。

廣告