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

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

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

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

$(document).ready(function(){
// 當(dāng)頁面準(zhǔn)備就緒時(shí)，執(zhí)行下列代碼
$("button").click(function(){
// 當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行下列代碼
$("#myDiv").fadeToggle(); // 切換被選元素的顯示/隱藏狀態(tài)
});
});

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