jquery easyui需要引入的文件有如下4个：
<!-- jquery核心库 -->
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<!-- easyui核心库 -->
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<!-- easyui核心UI文件 css -->
<link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css"/>
<!-- easyui图标 -->
<link href="easyui/themes/icon.css" rel="stylesheet" type="text/css"/>
jquery核心库一定要放在easyui核心库前面引入，不然jquery.easyui.min.js中会报错：jQuery is not defined。
有的时候，我们需要进行国际化，比如一些提醒、日历等，就需要引入easyui的国际化文件，代码如下：
<!-- easyui国际化文件 -->
<script type="text/javascript" src="../resource/js/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"></script>
第一步，打开eclipse IDE工具，创建web动态项目；在web项目目录WebContent下创建静态页面index.html，如下图所示：第二步，引入EasyUI中的主题样式文件easyui.css、icon.css、demo.css，以及引入jQuery核心js和EasyUI相关的js文件，如下图所示：
第三步，创建EasyUI框架布局控件layout，并设置五个方向东南西北中的样式，如下图所示：
第四步，预览该静态页面，这时在浏览器看到页面被分成五个部分，每个部分都有一个标题，如下图所示：
第五步，在jquery初始化函数里编写某一部分折叠方法函数，调用layout()方法，如下图所示：
6
第六步，再次预览页面，会看到为“南”的部分被折叠起来了，如下图所示：
jquery easyui需要引入的文件有如下4个：
<!-- jquery核心库 -->
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<!-- easyui核心库 -->
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<!-- easyui核心UI文件 css -->
<link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css"/>
<!-- easyui图标 -->
<link href="easyui/themes/icon.css" rel="stylesheet" type="text/css"/>
jquery核心库一定要放在easyui核心库前面引入，不然jquery.easyui.min.js中会报错：jQuery is not defined。
有的时候，我们需要进行国际化，比如一些提醒、日历等，就需要引入easyui的国际化文件，代码如下：
<!-- easyui国际化文件 -->
<script type="text/javascript" src="../resource/js/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"></script>
