EasyUI系列学习(二)-使用EasyUI

一、引入必要文件

<!--1.0引入jQuery核心库-->
<script src="jquery-easyui-1.4.4/jquery.min.js"></script>
<!--2.0引入jQuery EasyUI核心库-->
<script src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
<!--3.0引入EasyUI中文提示信息-->
<script src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
<!--4.0引入EasyUI核心UI文件CSS-->
<link href="jquery-easyui-1.4.4/themes/default/easyui.css" rel="stylesheet" />
<!--5.0引入EasyUI图标文件-->
<link href="jquery-easyui-1.4.4/themes/icon.css" rel="stylesheet" />

二、加载EasyUI组件方式

1.方式一：使用class方式加载

<div class="easyui-dialog" title="class赋值加载" style="width:400px;height:200px;"></div>

2.方式二：使用js调用加载（推荐）

<div id="box" title="JS加载" style="width: 200px;height:100px;left:100px;"></div>