jQuery是一門流行的JavaScript庫(kù)，它允許開發(fā)者快速而輕松地為網(wǎng)頁(yè)添加動(dòng)態(tài)效果。其中一個(gè)最基礎(chǔ)的效果就是Div區(qū)塊的顯示與隱藏。

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

這份代碼指定在頁(yè)面加載完成后，當(dāng)按鈕被點(diǎn)擊時(shí)，相應(yīng)的Div區(qū)塊被顯示或隱藏。

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

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

這份代碼指定在頁(yè)面加載完成后，當(dāng)"show"按鈕被點(diǎn)擊時(shí)，相應(yīng)的Div區(qū)塊被顯示；當(dāng)"hide"按鈕被點(diǎn)擊時(shí)，相應(yīng)的Div區(qū)塊被隱藏。

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

$(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' });
});
});

這份代碼指定了點(diǎn)擊不同按鈕時(shí)，Div區(qū)塊分別以不同的方式顯示/隱藏。例如，當(dāng)點(diǎn)擊"fadein"按鈕時(shí)，Div區(qū)塊淡入顯示；當(dāng)點(diǎn)擊"slideup"按鈕時(shí)，Div區(qū)塊向上滑動(dòng)隱藏。

通過應(yīng)用上述效果，jQuery能夠很好地增強(qiáng)網(wǎng)頁(yè)的用戶交互性，使其更加生動(dòng)有趣。