怎样学习jQuery easyUI教程？
顾名思义jQuery easyUI是一个基于jQuery的框架，相当于是jQuery的扩展、延续，jQuery easyUI集成了很多用户界面插件，我们在做页面布局的时候只要引用这些插件即可快速地布局出页面，而无需敲很多的代码，通常作为前端框架来使用，但是要注意easyUI是收费的，在做网站时需要购买版权才可以使用它，而在学习的时候则可以直接在网上下载一些教程来使用即可，无需付费。那么我们该怎么来学习jQuery easyUI呢？
操作方法
（01）下载demo首先在搜狗浏览器的地址栏中输入【jQuery easyUI 中文网】，第一个就是了，直接点击进入。然后在该网站中找到并点击【EasyUI下载】，由于我们是学习用的，而非商用，所以直接点击【官方下载】即可。注：如果是作为商用的话，则点击【购买商业版】。最后再点击【Download】下载demo，虽然也可以在线上浏览查看即可，不过直接下载下来在无网络的情况下也可以查看，而且运行速度较快。
（02）解压下载下来的文件包我们放在了F盘里面，解压【】，注意解压的时候要先创建一个文件夹，再将解压到文件夹里面，文件夹就命名为jquery-easyui-1.5.2即可。
（03）引入文件把jQuery-easyuui-1.5.2文件夹里面的themes文件夹复制粘贴到项目中，然后当网页用到easyUI时都要引入以下的四个文件：<script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/><link rel="stylesheet" type="text/css" href="easyui/themes/"/><script type="text/javascript" src="easyui/"></script>
（04）布局面板从easyUI帮助手册中的【布局-->布局面板layout】复制【创建整个页面的布局】。如果没有下载这个手册的，可以复制下面的代码：<body class="easyui-layout"> <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div> <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div> <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div> <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div> <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div> </body>
（05）预览然后运行页面，在浏览器中预览效果。点击工具栏的【在浏览器中预览/调试】图标，在浏览器中预览结果。
（06）修改我们把面板East和South去掉。然后按键盘F5刷新下页面。或者也可以把West和south面板去掉，根据需要选择或者保留面板。注意，面板是可以嵌套使用的。比如我们在center中再加一个面板。
（07）解析对布局面板中用到的一些重要属性进行解析：[1]title:表示定义布局面板的标题[2]region：表示定义布局面板的位置，布局面板的位置有5个north/sourth/east/west/center[3]border：表示布局面板是否有边框，默认是有边框，即值为true，把border属性去掉或者值改为false，即可去掉边框。[4]split:表示分隔条，即通过是否可以通过拖动改变布局面板的大小。[5]iconCls:布局面板的头部图标，这个都是easyUI中的css类。
特别提示
个人看法，仅供参考
