一.什么是jQuery EasyUI
jQuery EasyUI 是一组基于jQuery 的UI 插件集合,而jQuery EasyUI 的目标就是帮助,Web 开发者更轻松的打造出功能丰富并且美观的UI 界面。开发者不需要编写复杂的JavaScript,也不需要对css 样式有深入的了解,开发者需要了解的只有一些简单的html 标签。
二.jQuery EasyUI 的特点
- 基于jquery 用户界面插件的集合;
- 为一些当前用于交互的js 应用提供必要的功能;
- 使用EasyUI 你不需要写很多的javascript 代码,通常只需要写HTML 标记来定义用
- 户界面即可;
- 支持HTML5;
- 开发产品时可节省时间和资源;
- 简单,但很强大;
- 支持扩展,可根据自己的需求扩展控件
三. 目录结构
![](https://i-blog.csdnimg.cn/blog_migrate/23b28712b602cc604f94e2fc02c189bf.png)
四:引入easyUI的方式
<!DOCTYPE html>
<html>
<head>
<title>jQuery Easy UI</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
</head>
<body>
</body>
</html>