artDialog是一款基于jQuery的彈窗插件，可用于在網頁中顯示彈窗，提示用戶信息或展示內容。在使用artDialog時，我們可以通過調用插件提供的方法和屬性來控制彈窗的展示和樣式。在本文中，我們將介紹如何使用artDialog顯示一個包含div的彈窗。

，我們需要在HTML頁面中引入artDialog的相關文件：

\<code>\<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js">\</script>
\<script src="https://cdn.bootcdn.net/ajax/libs/artDialog/6.0.4/dialog.js">\</script>\</code>\

接下來，我們可以通過以下代碼來創建一個包含div的彈窗：

\<code>\<script>
// 創建彈窗
var dialog = art.dialog({
title: '示例彈窗',
content: '<div>This is a div inside the dialog.</div>'
});
\</script>\</code>\

在上述代碼中，我們通過調用art.dialog()方法來創建一個彈窗。方法的參數是一個包含彈窗配置的對象。在這個對象中，我們設置了彈窗的標題為"示例彈窗"，內容為一個包含文本"This is a div inside the dialog."的div。注意，我們可以在content屬性中使用HTML代碼來定義彈窗的內容。

除了設置彈窗的標題和內容，我們還可以通過對象的其他屬性來自定義彈窗的樣式和行為。例如，我們可以設置彈窗的寬度、高度、是否顯示關閉按鈕等。以下是一個對話框對象的完整配置示例：

\<code>\<script>
var dialog = art.dialog({
title: '示例彈窗',
content: '<div>This is a div inside the dialog.</div>',
width: 400, // 設置彈窗寬度為400px
height: 200, // 設置彈窗高度為200px
showClose: true // 顯示關閉按鈕
});
\</script>\</code>\

在上述代碼中，我們通過width屬性和height屬性設置了彈窗的寬度和高度，分別為400px和200px。我們還通過showClose屬性設置了是否顯示關閉按鈕，這里為true表示顯示關閉按鈕。

除了創建默認樣式的彈窗，我們還可以通過調用art.dialog()方法的返回值來對彈窗進行進一步的操作。例如，我們可以通過調用返回值的close()方法來關閉彈窗：

\<code>\<script>
var dialog = art.dialog({
title: '示例彈窗',
content: '<div>This is a div inside the dialog.</div>'
});
<br>
  // 關閉彈窗
dialog.close();
\</script>\</code>\

在上述代碼中，我們通過調用dialog對象的close()方法來關閉彈窗。這里需要注意的是，我們只能關閉由art.dialog()方法創建的彈窗。

總之，artDialog是一個功能強大且易于使用的彈窗插件。通過調用相關方法和屬性，我們可以輕松地創建、自定義和操作彈窗。在本文中，我們介紹了如何使用artDialog顯示一個包含div的彈窗，并提供了一些代碼示例來幫助讀者更好地理解和應用這個插件。