easyUI入门教程

给大家推介一个不错的学习easyUI中文网站，http://www.easyui.cn可以促进提高境界，从初识就可以玩转easyUI

1.第一步我们可以到官网下载包http://www.jeasyui.cn/download/页面下载，把相关的包添加到开发项目中，然后在需要用到的页面导入以下五条语句。

注意：首先一定要先导入jQuery文件的包,再导jQueryeasyUI文件，easyUI是基于jQuery实现开发的，代码如下所示：

<link rel="stylesheet" type="text/css" href="/easyui/themes/metro/easyui.css">

<script type="text/javascript" src="/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>

2.引入之后

2.在div中声明class来使用easyUI样式（可以用easyui-dialog样式为例）（推荐使用）

得到如下效果

2.2通过div的id用方法调用样式

效果如下：

3.如果你想要开关按钮，可以使用以下语句

<input class="easyui-switchbutton" checked="">

<input class="easyui-switchbutton" data-options="onText:'Yes',offText:'No'">

效果如下:

 

3.1引入成功之后，也可以通过在div中声明class来使用easyUI样式