【什么是JQuery Easy UI？】
jQuery EasyUI 是一组基于 jQuery 的 UI 插件集合，而 jQuery EasyUI 的目标就是帮助Web 开发者更轻松的打造出功能丰富并且美观的 UI 界面。开发者不需要编写复杂的JavaScript，也不需要对 css 样式有深入的了解，开发者需要了解的只有一些简单的 html 标签。
官方网站：http://www.jeasyui.com
【JQuery Easy UI 的特点】
1.基于 jquery 用户界面插件的集合；
2.为一些当前用于交互的 js 应用提供必要的功能；
3.使用 EasyUI 你不需要写很多的 javascript 代码，通常只需要写 HTML 标记来定义用户界面即可；
4.支持 HTML5；
5.开发产品时可节省时间和资源；
6.简单，但很强大；
7.支持扩展，可根据自己的需求扩展控件；
【其他的UI插件】
除了 jQuery EasyUI 之外，还有 DWZ（国产的，基于 jQuery 的 UI 插件），还有一个独立的 ExtJS 的 UI 插件。
【下载及运行JQuery Easy UI】
下载最新的 jQuery EasyUI1.3.5 版本，然后解压后直接使用即可。
//HTML5 调用 jQuery EasyUI
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>jQuery Easy UI</title> 5 <meta charset="UTF-8" /> 6 <script type="text/javascript" src="easyui/jquery.min.js"></script> 7 <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> 8 <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script> 9 <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" /> 10 <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" /> 11 </head> 12 <body> 13 <div class="easyui-dialog" style="400px;height:200px" 14 data-options="title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}"> 15 dialog content. 16 </div> 17 </body> 18 </html>
运行结果：
