在網(wǎng)頁(yè)開(kāi)發(fā)中，清空按鈕是一個(gè)很常見(jiàn)的功能，可以方便用戶在輸入框輸入后進(jìn)行清空操作。而使用jQuery來(lái)設(shè)置清空按鈕的功能也是一種很方便的方法。
下面是一個(gè)簡(jiǎn)單的示例，展示如何通過(guò)jQuery來(lái)添加清空按鈕的功能：
首先，在HTML代碼中添加一個(gè)輸入框和一個(gè)按鈕：

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

然后，通過(guò)jQuery來(lái)設(shè)置按鈕的點(diǎn)擊事件，當(dāng)用戶點(diǎn)擊按鈕時(shí)，將輸入框的值清空：

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

以上代碼，首先在頁(yè)面加載完成后通過(guò)jQuery的ready事件監(jiān)聽(tīng)器來(lái)加載清空按鈕的事件。當(dāng)用戶點(diǎn)擊按鈕時(shí)，通過(guò)輸入框的ID選擇器#inputBox來(lái)獲取輸入框元素，并使用val()方法清空輸入框的值。
最后，將以上代碼添加在或之間的標(biāo)簽內(nèi)。
通過(guò)以上步驟，即可在網(wǎng)頁(yè)中實(shí)現(xiàn)清空按鈕的功能。需要注意的是，為了讓代碼更清晰，建議將代碼包裹在

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

最后，需要提醒的是，在實(shí)際項(xiàng)目中，為了提高代碼復(fù)用性和易維護(hù)性，建議將清空按鈕的功能進(jìn)行封裝，以便在需要的地方進(jìn)行調(diào)用。