JQuery的display css函數能夠幫助我們控制HTML元素的顯示和隱藏。當我們需要根據用戶的操作來動態顯示或隱藏某些元素時，jquery的display css函數就非常有用了。

$(document).ready(function(){
$("#button1").click(function(){
$("#box1").css("display", "none");
});
$("#button2").click(function(){
$("#box1").css("display", "block");
});
});

以上代碼在頁面加載完畢后給兩個按鈕綁定了點擊事件，分別用來控制一個盒子的顯示和隱藏。其中，css("display", "none")表示隱藏元素，css("display", "block")表示顯示元素。

除了使用css函數來控制元素的顯示和隱藏外，還可以使用show和hide函數。

$(document).ready(function(){
$("#button1").click(function(){
$("#box1").hide();
});
$("#button2").click(function(){
$("#box1").show();
});
});

show和hide函數的使用非常簡單，直接在元素上調用即可。如果需要使用動畫效果，可以加上參數。

$(document).ready(function(){
$("#button1").click(function(){
$("#box1").slideUp();
});
$("#button2").click(function(){
$("#box1").slideDown();
});
});

slideUp和slideDown函數是jquery的動畫函數，會給元素添加上卷和下滑的動畫效果。

display css函數是jquery的一個非常實用的函數，能夠幫助我們輕松控制元素的顯示和隱藏，有效地提高了網頁的交互性。