jQuery 效果 - fadeOut() 方法

jQuery 效果參考手冊

實例

使用淡出效果來隱藏一個 <p> 元素：

$(".btn1").click(function(){
  $("p").fadeOut();
});

親自試一試

定義和用法

fadeOut() 方法使用淡出效果來隱藏被選元素，假如該元素是隱藏的。

語法

$(selector).fadeOut(speed,callback)
參數 描述
speed

可選。規定元素從可見到隱藏的速度。默認為 "normal"。

可能的值：

  • 毫秒（比如 1500）
  • "slow"
  • "normal"
  • "fast"

在設置速度的情況下，元素從可見到隱藏的過程中，會逐漸地改變其透明度（這樣會創造淡出效果）。
callback

可選。fadeOut 函數執行完之後，要執行的函數。

如需學習更多有關 callback 的內容，請訪問我們的 jQuery Callback 這一章。

除非設置了 speed 參數，否則不能設置該參數。

提示和註釋

提示：如果元素已經隱藏，則該效果不產生任何變化，除非規定了 callback 函數。

更多實例

使用 speed 參數
使用 speed 參數來對淡入或淡出元素。

jQuery 效果參考手冊