jQuery是一門流行的JavaScript庫，它允許開發者快速而輕松地為網頁添加動態效果。其中一個最基礎的效果就是Div區塊的顯示與隱藏。

$(document).ready(function(){
$("button").click(function(){
$("div").toggle();
});
});

這份代碼指定在頁面加載完成后，當按鈕被點擊時，相應的Div區塊被顯示或隱藏。

除了toggle()方法，還有show()和hide()方法可以用來控制Div的顯示/隱藏。例如：

$(document).ready(function(){
$("#show").click(function(){
$("#box").show();
});
$("#hide").click(function(){
$("#box").hide();
});
});

這份代碼指定在頁面加載完成后，當"show"按鈕被點擊時，相應的Div區塊被顯示；當"hide"按鈕被點擊時，相應的Div區塊被隱藏。

除了簡單的顯示/隱藏，jQuery還提供了一些其他的Div效果，例如透明度變化、縮放、滑動、淡入淡出等。

$(document).ready(function(){
$("#fadein").click(function(){
$("#box").fadeIn();
});
$("#fadeout").click(function(){
$("#box").fadeOut();
});
$("#slideup").click(function(){
$("#box").slideUp();
});
$("#slidedown").click(function(){
$("#box").slideDown();
});
$("#scaleup").click(function(){
$("#box").animate({ height: '+=100px', width: '+=100px' });
});
$("#scaledown").click(function(){
$("#box").animate({ height: '-=100px', width: '-=100px' });
});
});

這份代碼指定了點擊不同按鈕時，Div區塊分別以不同的方式顯示/隱藏。例如，當點擊"fadein"按鈕時，Div區塊淡入顯示；當點擊"slideup"按鈕時，Div區塊向上滑動隱藏。

通過應用上述效果，jQuery能夠很好地增強網頁的用戶交互性，使其更加生動有趣。