文章参考来源：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"%>               
     
      
     
     
     
     
                      <%--使用纯html的方式创建创建EasyUI的Dialog的步骤：       1、定义一个div       2、将div的class样式属性设置成easyui-dialog，这样就可以将普通的div变成EasyUI的Dialog了        --%>     
     
               Hello World!    
     
     
     
      Dialog Content
     
    
     
      Dialog Content
     
 

运行结果截图：

除了用上面的javascript的方式去选择当前控件的id，还可以直接让该控件的class属性为

class="easyui-dialog"来直接对其进行easyui的渲染

打开火狐的Firebugs的html可以对当前的id查看当前的id元素是div还是span，还可以查看引用的文件是否有引用进来。