文章參考來源：http://www.cnblogs.com/xdp-gacl/p/4075079.html
感謝博主的分享，寫得非常精細，我在這邊給看過的做一個記錄。
一、EasyUI下載
使用easyui開發者不需要編寫復雜的javascript，也不需要對css樣式有深入的了解，開發者需要了解的只有一些簡單的html標簽。
EasyUI官方 http://www.jeasyui.com
EasyUI論壇 http://bbs.btboys.com
EasyUI官方下載地址：http://www.jeasyui.com/download/index.php，目前最新的版本是：jQuery EasyUI 1.5
解壓后的壓縮包
二、EasyUI入門
建一個demo
導入easyUI的所需的東西
新創建一個01.jsp頁面，在01.jsp頁面中使用EasyUI，代碼：
<%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML> <html> <head> <title>EasyUI入門——創建EasyUI的Dialog</title> <!-- 引入JQuery --> <script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.5/jquery.min.js"></script> <!-- 引入EasyUI --> <script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.5/jquery.easyui.min.js"></script> <!-- 引入EasyUI的中文國際化js，讓EasyUI支持中文 --> <script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"></script> <!-- 引入EasyUI的樣式文件--> <link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.5/themes/default/easyui.css" type="text/css"/> <!-- 引入EasyUI的圖標樣式文件--> <link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.5/themes/icon.css" type="text/css"/> <script type="text/javascript"> $(function(){ //console.info($('#dd2')); /*使用JavaScript動態創建EasyUI的Dialog的步驟： 1、定義一個div，並給div指定一個id 2、使用Jquery選擇器選中該div，然后調用dialog()方法就可以創建EasyUI的Dialog */ $('#dd2').dialog();//使用默認的參數創建EasyUI的Dialog //使用自定義參數創建EasyUI的Dialog $('#dd3').dialog({ title: '使用JavaScript創建的Dialog', width: 400, height: 200, closed: false, cache: false, modal: true }); }); </script> </head> <body> <%--使用純html的方式創建創建EasyUI的Dialog的步驟： 1、定義一個div 2、將div的class樣式屬性設置成easyui-dialog，這樣就可以將普通的div變成EasyUI的Dialog了 --%> <div class="easyui-dialog" id="dd1" title="EasyUI Dialog" style="width: 500px;height: 300px;"> Hello World! </div> <div id="dd2">Dialog Content</div> <div id="dd3">Dialog Content</div> </body> </html>
運行結果截圖：
除了用上面的javascript的方式去選擇當前控件的id，還可以直接讓該控件的class屬性為
class="easyui-dialog"來直接對其進行easyui的渲染
打開火狐的Firebugs的html可以對當前的id查看當前的id元素是div還是span，還可以查看引用的文件是否有引用進來。