jQuery UI是一個用于開發Web應用程序的jQuery插件集，它包含了很多常見組件的實現，其中包括彈出窗體。使用jQuery UI彈出窗體可以方便地實現模態對話框和非模態對話框。

為了使用jQuery UI彈出窗體，我們需要先引入相關文件。可以從jQuery UI的官方網站下載相關文件，或者使用CDN。以下代碼演示如何引入jQuery UI相關文件：

<link rel="stylesheet" >
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

接下來，我們可以使用以下代碼創建一個簡單的非模態對話框：

<div id="dialog" title="Basic dialog">
<p>This is an example of a basic dialog.</p>
</div>
<script>
$(function() {
$("#dialog").dialog();
});
</script>

在上面的代碼中，我們首先創建了一個div元素，并將其ID設置為“dialog”，用于容納對話框的內容。接著我們使用jQuery選擇器選擇該元素，并調用dialog()方法，創建一個非模態對話框。

如果我們想要創建一個模態對話框，只需要在調用dialog()方法時添加modal:true選項即可，如下所示：

$(function() {
$("#dialog").dialog({
modal: true
});
});

總之，使用jQuery UI彈出窗體可以輕松實現模態對話框和非模態對話框。它提供了許多選項，可以自定義彈出窗體的行為和外觀。