jQuery UI之对话框（dialog）的使用

jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。我们可以直接用它来构建具有很好交互性的web 应用程序。我们可以根据自己的需求和喜好从官网中下载相应的版本和主题http://jqueryui.com/download/。下载包中我们常用到的就是jquery-ui.css和jquery-ui.js文档，这两个文档分别包括jQuery UI的样式以及JavaScript主要代码。

jQuery UI 包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用相同的模式，所以，只要学会使用其中一个，就知道如何使用其他的小部件（Widget）。现在先学习对话框（dialog）的使用。

1. 开启 dialog

首先需要引入相应的文档

    <script type="text/javascript" src="jquery-2.2.3.js"></script>
    <script type="text/javascript" src="jquery.ui.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery.ui.css">

然后通过jQuery绑定对应的对话框

<!--HTML代码-->
<input type="button" id="btn" value="对话框" />

<div id="my_dialog" title=