JQuery Dialog Moudel是一種彈出框的UI效果，可以很方便地在頁面上顯示一些需要用戶操作的內容，例如警告框、確認框等等。使用這種效果可以讓用戶更加直觀地感受到頁面的交互效果。

$(function(){
$("#dialog").dialog({
autoOpen: false, //初始化關閉
modal: true,    //模態框
resizable: false,   //不能重置大小
draggable: false,   //不能拖拽
width: 400,  //寬度
height: 200, //高度
buttons: {  //自定義按鈕
"確定": function() {
//按下確定按鈕的處理方法
},
"取消": function() {
//按下取消按鈕的處理方法
$(this).dialog("close");
}
}
});
//顯示彈出框
$("#showDialogBtn").click(function() {
$("#dialog").dialog("open");
});
});

在使用JQuery Dialog Moudel的時候，需要注意一些屬性的設置。例如autoOpen屬性可以控制彈出框的初始化狀態，modal屬性可以讓彈出框成為模態框，即無法同時操作頁面上的其他元素。此外，還可以通過resizable和draggable屬性來限制彈出框的操作效果。

最后，JQuery Dialog Moudel還支持自定義按鈕，可以通過buttons屬性來設置。這些按鈕的按下事件可以通過回調函數進行處理，從而實現一些操作上的邏輯。