JQuery Dialog是一個非常實用的網頁彈出框插件，它能夠幫助我們在網頁中快速實現各種不同樣式的彈出框。其中最常用的功能之一就是對彈出框上的按鈕進行自定義。下面就讓我們來了解一下如何使用jQuery Dialog中的按鈕功能。

$( "#dialog" ).dialog({
buttons: [
{
text: "確認",
click: function() {
//確認按鈕被點擊后要執行的代碼
}
},
{
text: "取消",
click: function() {
//取消按鈕被點擊后要執行的代碼
}
}
]
});

在上面的代碼中，我們使用了jQuery Dialog的buttons選項來定義彈出框上的按鈕。在buttons選項中，我們可以通過數組的形式來定義多個按鈕，每個按鈕都是一個對象。在每個對象中，我們可以通過text屬性來定義按鈕上顯示的文本，而通過click屬性則可以定義按鈕被點擊后要執行的代碼。

需要注意的是，如果我們沒有為某個按鈕指定click屬性，那么該按鈕將默認使用jQuery Dialog的關閉功能，也就是點擊后會關閉彈出框。

除了定義按鈕的文本和點擊事件外，我們還可以對按鈕進行樣式上的調整。比如，我們可以為按鈕添加class屬性，然后通過CSS來定義該class的樣式。具體的代碼如下：

$( "#dialog" ).dialog({
buttons: [
{
text: "確認",
click: function() {
//確認按鈕被點擊后要執行的代碼
},
class: "btn-primary"
},
{
text: "取消",
click: function() {
//取消按鈕被點擊后要執行的代碼
},
class: "btn-default"
}
]
});

在上面的代碼中，我們為確認按鈕添加了btn-primary類，而為取消按鈕添加了btn-default類。我們可以在CSS中定義這兩個類的樣式，以達到自定義按鈕樣式的目的。

總之，通過使用jQuery Dialog的buttons選項，我們可以非常方便地生成自定義樣式和功能的彈出框按鈕。希望這篇文章能夠幫助大家更加輕松地使用這一功能。