JQuery是一款十分流行的JavaScript庫，有許多神奇的功能可以實現。其中，div fade（淡入淡出）效果是很實用的一個功能。

$(document).ready(function(){
// 當頁面準備就緒時，執行下列代碼
$("button").click(function(){
// 當按鈕被點擊時，執行下列代碼
$("#myDiv").fadeIn(); // 顯示被選元素
$("#myDiv").fadeOut(); // 隱藏被選元素
});
});

在上面的代碼中，我們使用jQuery的fadeIn()和fadeOut()方法。fadeIn()方法會將被選元素淡入顯示，而fadeOut()會將被選元素淡出隱藏。淡入淡出效果給用戶帶來了不同尋常的視覺感受，特別是當元素使用了透明度時，效果更是炫酷。

還有一個衍生的方法，叫做fadeToggle()，它可以在顯示和隱藏之間切換。下面是一個例子：

$(document).ready(function(){
// 當頁面準備就緒時，執行下列代碼
$("button").click(function(){
// 當按鈕被點擊時，執行下列代碼
$("#myDiv").fadeToggle(); // 切換被選元素的顯示/隱藏狀態
});
});

總之，div fade效果是一個簡單而有效的效果，它能夠幫助我們實現各種各樣的動畫效果。如果您想要調整動畫的速度，可以使用jQuery的animate()方法。