在網頁開發中，清空按鈕是一個很常見的功能，可以方便用戶在輸入框輸入后進行清空操作。而使用jQuery來設置清空按鈕的功能也是一種很方便的方法。
下面是一個簡單的示例，展示如何通過jQuery來添加清空按鈕的功能：
首先，在HTML代碼中添加一個輸入框和一個按鈕：

<p><input type="text" id="inputBox"> <button id="clearBtn">清空</button></p>

然后，通過jQuery來設置按鈕的點擊事件，當用戶點擊按鈕時，將輸入框的值清空：

<script>
$(document).ready(function(){
$('#clearBtn').on('click', function(){
$('#inputBox').val('');
});
});
</script>

以上代碼，首先在頁面加載完成后通過jQuery的ready事件監聽器來加載清空按鈕的事件。當用戶點擊按鈕時，通過輸入框的ID選擇器#inputBox來獲取輸入框元素，并使用val()方法清空輸入框的值。
最后，將以上代碼添加在或之間的標簽內。
通過以上步驟，即可在網頁中實現清空按鈕的功能。需要注意的是，為了讓代碼更清晰，建議將代碼包裹在

標簽中，以增加代碼的可讀性和美觀度：
<pre>
<pre>
<p><input type="text" id="inputBox"> <button id="clearBtn">清空</button></p>
<script>
$(document).ready(function(){
$('#clearBtn').on('click', function(){
$('#inputBox').val('');
});
});
</script>

最后，需要提醒的是，在實際項目中，為了提高代碼復用性和易維護性，建議將清空按鈕的功能進行封裝，以便在需要的地方進行調用。