jQuery是一個流行的JavaScript框架，它提供了許多功能強大的庫和插件。其中之一是“button”插件，它可以方便地創建和管理按鈕。這篇文章將討論如何使用jQuery button刪除功能。

首先，需要從jQuery庫中導入button插件。代碼如下：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery.button@1.0.1/jquery.button.min.js"></script>

然后，在HTML中創建一個按鈕。代碼如下：

<button id="deleteButton">刪除</button>

現在需要將按鈕與刪除功能關聯起來。代碼如下：

$(document).ready(function(){
$('#deleteButton').button({
icons: {
primary: 'ui-icon-trash'
},
text: false
}).click(function(){
//刪除代碼
});
});

在上面的代碼中，button函數用于將按鈕轉換為jQuery UI樣式的按鈕。icons選項用于設置按鈕的圖標，text選項用于設置是否顯示按鈕的文本。點擊按鈕時，執行刪除代碼。

為了演示刪除功能，可以在點擊按鈕時彈出確認對話框。代碼如下：

$(document).ready(function(){
$('#deleteButton').button({
icons: {
primary: 'ui-icon-trash'
},
text: false
}).click(function(){
if(confirm('確定要刪除嗎？')){
//刪除代碼
}
});
});

最后，編寫刪除代碼。在這個例子中，只需要隱藏按鈕即可。代碼如下：

$(document).ready(function(){
$('#deleteButton').button({
icons: {
primary: 'ui-icon-trash'
},
text: false
}).click(function(){
if(confirm('確定要刪除嗎？')){
$(this).hide();
}
});
});

這就是使用jQuery button刪除功能的簡單示例。通過這個示例，可以了解到如何使用jQuery button插件創建按鈕，并將其與功能關聯起來。