在使用jquery dialog插件時，我們經常需要在彈出框中添加保存按鈕，接下來我們就來學習如何添加并使用保存按鈕。

//html代碼
用戶名：
密碼：
//js代碼
$(function(){
$("#dialog").dialog({
autoOpen: false,
modal: true,
buttons: {
"保存": function(){
//執行保存操作
$(this).dialog("close");
},
"取消": function(){
$(this).dialog("close");
}
}
});
$("#btn").on("click", function(){
$("#dialog").dialog("open");
});
});

上面的代碼中，我們創建了一個jquery dialog彈出框，并為其添加了兩個按鈕：“保存”和“取消”。在保存按鈕的點擊事件中，我們可以編寫將輸入框中的內容保存的操作，然后使用“close”方法關閉彈出框。

最后，通過給觸發彈出框的按鈕（在本例中為“#btn”）綁定click事件，即可點擊該按鈕彈出dialog彈出框。