easyui是jquery插件。easyui是基于JQuery的一个前台ui界面的插件,用于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。easyui是个完美支持HTML5网页的框架,可以帮助开发者节省网页开发的时间和规模。
本教程操作环境:windows7系统、jquery3.6.0版本、Dell G3电脑。
jQuery EasyUI是基于JQuery的一个前台ui界面的插件,是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。
-
easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件。
-
easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能。
-
使用 easyui,您不需要写太多 javascript 代码,一般情况下您只需要使用一些 html 标记来定义用户界面。
-
HTML 网页的完整框架。
-
easyui 节省了开发产品的时间和规模。
-
easyui 非常简单,但是功能非常强大。
jQuery EasyUI 下载
您可以从 http://www.jeasyui.com/download/index.php 上下载您需要的 jQuery EasyUI 版本。
在jQuery 和 HTML5 上轻松使用EasyUI
jQuery EasyUI 提供易于使用的组件,它使 Web 开发人员能快速地在流行的 jQuery 核心和 HTML5 上建立程序页面。 这些功能使您的应用适合今天的网络。
有两个方法声明的 UI 组件:
-
直接在 HTML 声明组件
<div class="easyui-dialog" style="width:400px;height:200px" data-options=" title:'My Dialog', iconCls:'icon-ok', onOpen:function(){}"> dialog content. </div>
-
编写 JS 代码来创建组件
<input id="cc" style="width:200px" /> $('#cc').combobox({ url: ..., required: true, valueField: 'id', textField: 'text' });
【推荐学习:jQuery视频教程、web前端视频】