jQuery EasyUI入门基础之插件篇-前端培训

EasyUI是一组基于jQuery的UI（用户界面）插件集合。本文介绍了组件的创建方式，通过样式介绍每个属性的作用，更是列举出了EasyUI的所有插件，帮助学习者更快的了解组件。

jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合，包括功能强大的 datagrid（数据网格）、treegrid（树形表格）、panel（面板）、combo（下拉组合）等等。用户可以组合使用这些组件，也可以单独使用其中一个。

组件的创建：EasyUI可以通过HTML或JavaScript创建组件；

1、HTML创建组件的方式

样式：<标签 class=“easyui-组件名” style=“样式” title=“面板” iconCls=“icon-ok” collapsible=“true”></标签>

class=“easyui-组件名”作用：告诉EasyUI需要把div转化为easyui组件；

style作用：设置组件宽高和其他样式；

Title、iconCls、collapsible组件作用: 告诉EasyUI如何创建这个组件。

使用HTML创建EasyUI组件比较简单。

2、JS代码创建组件的方法

样式：

<script