Jquery是一種非常流行的JavaScript庫，它能幫助我們更加方便地完成許多js編程任務(wù)。其中許多實際編程需求中，我們需要制作一些簡易的網(wǎng)頁特效，比如讓一個div在點擊事件下顯示或隱藏。下面就是如何使用Jquery來實現(xiàn)這個效果的示例：
<!DOCTYPE html>
<html>
<head>
<title>jQuery Show Hide Effect</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<style>
.myDiv {
width: 200px;
height: 150px;
border: 1px solid black;
display: none;
}
</style>
</head>
<body>
<button onclick="showHide()">Show/Hide</button>
<div id="myDiv" class="myDiv">Hello World!</div>
<script>
function showHide() {
$('#myDiv').toggle();
}
</script>
</body>
</html>其中，我們使用了Jquery中的toggle()函數(shù)來實現(xiàn)元素的顯示和隱藏。在樣式定義和HTML部分，我們先設(shè)置了一個包含了Hello World!的div，并將其display屬性設(shè)置為none，這樣在頁面加載時，它就是不可見的。在JS代碼部分，我們定義了一個showHide()函數(shù)，而其內(nèi)部就只有一行Jquery代碼，這行代碼就是toggle()函數(shù)所做的操作——讓含有ID"myDiv"的元素在點擊事件發(fā)生后顯示或隱藏。
總之，使用Jquery來實現(xiàn)div在點擊事件下的顯示和隱藏，無論是從代碼復(fù)雜度、還是從開發(fā)效率角度來看，都相比傳統(tǒng)JavaScript都要更加方便和快捷。