AJAX让HTML5和CSS3程序员可以自定义对话框。 JavaScript提供了一些对话框（警告和提示对话框），但是这些对话框相当难看，而且相对不灵活。 jQuery UI包含了一种将任何div转换为虚拟对话框的技术。对话框跟随主题，可调整大小和移动。
创建您打算用作对话框的div。创建一个div并给它一个ID，这样你就可以把它变成一个对话框节点。添加标题属性，并在对话框的标题栏中显示标题。
-
对话框类允许你有一个可移动的，大的自定义对话框，与已安装的页面主题一致。
将div转换为对话框。使用dialog（）方法将div转换为init（）函数中的jQuery对话框节点：
-
$（“#dialog”）。对话（）;
默认隐藏对话框。
-
通常你不希望对话框可见，直到某种事件发生。在这个特定的例子中，你可能不希望对话框出现，直到用户点击一个按钮。你可以放一些代码来关闭init（）函数中的对话框，这样在召唤之前对话框不会出现。
关闭对话框。要关闭对话框，请参考对话框节点并再次调用dialog（）方法。这一次，发送单个值“close”作为参数，对话框将立即关闭：
-
//最初关闭对话框$（“#dialog”）。对话框（ “亲密”）;点击X会自动关闭对话框。
对话框有一个很小的X，看起来像大多数窗口系统上的关闭窗口图标。用户可以通过点击这个图标关闭对话框。
您可以用代码打开和关闭对话框。 <我的打开对话框和关闭对话框按钮调用控制对话框行为的函数。例如，下面是打开对话框按钮的功能：
-
function openDialog（）{$（“#dialog”）。对话框（“打开”）;} //结束openDialog
