JQuery是一個快速、小巧且功能豐富的JavaScript庫。它使得處理HTML文檔、事件、動畫和AJAX更加簡單。

JQuery為我們提供了一種簡便的方法來控制CSS：hide()和show()。這種方法不僅可以讓我們隱藏和顯示元素，還可以在網頁上創建交互性效果。

$(document).ready(function(){
// 找到要隱藏的元素
var myElement = $('#myElement');
// 隱藏元素
myElement.hide();
// 顯示元素
myElement.show();
});

在上面的代碼中，我們通過選擇器找到了id為myElement的元素。在這里，我們定義了要隱藏和顯示元素的方式。我們只需要調用hide()或show()函數即可實現相關操作。

除此之外，我們還可以在這些函數中傳遞一個可選的參數，以指定特定的動畫效果。例如：

$(document).ready(function(){
// 找到要隱藏的元素
var myElement = $('#myElement');
// 用淡出動畫隱藏元素
myElement.hide('slow');
// 用滑動動畫顯示元素
myElement.show('slide');
});

通過傳遞一個speed參數，我們可以改變這些效果的持續時間。例如：

$(document).ready(function(){
// 找到要隱藏的元素
var myElement = $('#myElement');
// 用縮放動畫隱藏元素
myElement.hide(1000);
// 用閃亮動畫顯示元素
myElement.show('puff', 500);
});

在這個例子中，通過傳遞1000作為參數，我們改變了隱藏元素的持續時間為1秒鐘。在顯示元素的時候，我們傳遞了一個“puff”效果，同時也傳遞了500作為顯示效果的持續時間。

總之，JQuery提供了一種快速、簡便的方式來控制網頁上元素的可見性。無論是隱藏還是顯示元素，都可以通過hide()和show()函數輕松處理。