在網頁開發過程中，我們經常需要使用復選框（checkbox）來控制頁面的顯示和隱藏。而利用jQuery，可以非常簡單地實現這一效果。
下面是示例代碼：
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#checkbox').click(function(){
if($(this).is(':checked')){
$('#content').show();
}else{
$('#content').hide();
}
});
});
</script>
</head>
<body>
<input type="checkbox" id="checkbox" /> 顯示內容
<div id="content" style="display:none;">這是要顯示的內容</div>
</body>
</html>在這個示例中，通過使用jQuery的click()方法和is()方法，檢測復選框是否被選中，從而控制要顯示的內容的顯示和隱藏。代碼中使用了show()和hide()方法來控制目標元素的顯示或隱藏。
利用上面的代碼，我們可以在頁面中輕松地實現復選框控制元素顯示和隱藏的效果。