Jquery是目前使用最為廣泛的JavaScript庫之一，其中的dialog組件可以用來實現彈出框的效果。下面我們來看一個例子：

<!-- html代碼 -->
<button id="showDialogBtn">顯示彈出框</button>
<div id="dialog">
<p>這是一個彈出框</p>
</div>
<!-- JavaScript代碼 -->
$(document).ready(function() {
$('#dialog').dialog({
autoOpen: false, // 設置初始時不顯示
modal: true, // 設置為模態框
buttons: {
"確定": function() {
$(this).dialog("close");
}
}
});
$('#showDialogBtn').click(function() {
$('#dialog').dialog('open'); // 點擊按鈕顯示彈出框
});
});

在上面的例子中，我們通過設置dialog的參數來實現彈出框的效果。其中，autoOpen設為false表示初始時不顯示，modal設為true表示設置為模態框，buttons參數可以設置彈出框內的按鈕。在JavaScript中，我們通過click事件來觸發彈出框的顯示。