jQuery Easyui快速入门教程


Posted in Javascript onAugust 21, 2016

1.什么是JQuery EasyUI

jQuery EasyUI是一组基于JQuery的UI插件集合,而JQueryEasyUI的目标就是帮助开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的JavaScript,也不需要对css样式有深入的了解,开发者需要了解的只是一些简单的html标签。

2.学习jQuery EasyUI的条件

因为JQueryEasyUI是基于jQuery的UI库,所以,必须需要JQuery课程的基础。

3.JQuery EasyUI的特点

基于JQuery用户界面插件的集合。

为一些当前用于交互的js应用提供必要的功能。

使用EasyUI你不需要写很多的JavaScript代码,通常只需要写HTML标记来定义用户界面即可。

支持HTML5。

开发产品时可节省时间和资源。

简单,但很强大。

支持扩展,可根据自己的需求扩展控件。

目前各项不足正已版本递增的方式不断完善。

源代码加密,商业版付费。

4.其他的UI插件

除了JQueryEasyUI之外,还有DWZ(国产的,基于JQuery的UI插件),还有一个独立的ExtJs的UI插件。

5.是否兼容低版本的IE

我们将要使用最新的JQueryEasyUI版本,里面自带有JQuery版本是2.0,也就是说,不再支持IE6,7,8折三款浏览器。我们不建议兼容这些版本,最基本的原因是:JQuery EasyUI很少应用于Web应用的前台页面,一般用于后台的UI或者企业级应用的UI(比较重),那么使用这些功能的用户不会那么鱼龙混杂,一般会被要求使用更高级的浏览器,所以没有必要去向下兼容。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery EasyUI 插件初始</title>
<!-- 导入js -->
<!-- 导入jQuery插件包 -->
<script type="text/javascript" src="jquery-easyui-1.3.6/jquery.min.js"></script>
<!-- 导入jQuery EasyUI的插件包 -->
<script type="text/javascript" src="jquery-easyui-1.3.6/jquery.easyui.min.js"></script>
<!-- 导入本地语言包 -->
<script type="text/javascript" src="jquery-easyui-1.3.6/locale/easyui-lang-zh_CN.js"></script>
<!-- 导入css -->
<!-- 导入默认的easyui的css包 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.6/themes/default/easyui.css" />
<!-- 导入图标包-->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.6/themes/icon.css"/>
</head>
<body>
<div class="easyui-dialog" style="width:400px;height:200px" data-options="title:'MyDialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}">
dialog content.
</div>
</body>
</html>

jQuery Easyui快速入门教程

以上所述是小编给大家带来的jQuery Easyui快速入门教程的全部叙述,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
jquery绑定事件不生效的解决方法
Feb 11 Javascript
运行Node.js的IIS扩展iisnode安装配置笔记
Mar 02 Javascript
为什么JavaScript没有块级作用域
May 22 Javascript
使用grunt合并压缩js和css文件的方法
Mar 02 Javascript
js中this对象用法分析
Jan 05 Javascript
vue router+vuex实现首页登录验证判断逻辑
May 17 Javascript
浅谈Vue路由快照实现思路及其问题
Jun 07 Javascript
JS内部事件机制之单线程原理
Jul 02 Javascript
php中and 和 &amp;&amp;出坑指南
Jul 13 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
Jan 23 Javascript
layui使用form表单实现post请求页面跳转的方法
Sep 14 Javascript
js实现简单贪吃蛇游戏
May 15 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 #Javascript
Javascript发送AJAX请求实例代码
Aug 21 #Javascript
原生js实现jquery函数animate()动画效果的简单实例
Aug 21 #Javascript
原生JS实现图片轮播与淡入效果的简单实例
Aug 21 #Javascript
JavaScript实战(原生range和自定义特效)简单实例
Aug 21 #Javascript
原生JS实现-星级评分系统的简单实例
Aug 21 #Javascript
JSONP和批量操作功能的实现方法
Aug 21 #Javascript
You might like
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
PHP设计模式之模板方法模式定义与用法详解
2018/04/02 PHP
php实现微信支付之退款功能
2018/05/30 PHP
PHP树形结构tree类用法示例
2019/02/01 PHP
JavaScript 动态将数字金额转化为中文大写金额
2009/05/14 Javascript
javascript replace()正则替换实现代码
2010/02/26 Javascript
几个比较经典常用的jQuery小技巧
2010/03/01 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
2011/09/29 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
JS控制日期显示的小例子
2013/11/23 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
2014/05/12 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
2017/02/27 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
2017/09/14 Javascript
vue实现的网易云音乐在线播放和下载功能案例
2019/02/18 Javascript
vant 时间选择器--开始时间和结束时间实例
2020/11/04 Javascript
[01:00]选手抵达华西村 整装待发备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
Python编写检测数据库SA用户的方法
2014/07/11 Python
跟老齐学Python之使用Python查询更新数据库
2014/11/25 Python
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
Pytorch保存模型用于测试和用于继续训练的区别详解
2020/01/10 Python
Python猜数字算法题详解
2020/03/01 Python
Python数据结构dict常用操作代码实例
2020/03/12 Python
Python爬虫获取页面所有URL链接过程详解
2020/06/04 Python
Python 防止死锁的方法
2020/07/29 Python
Html5 postMessage实现跨域消息传递
2016/03/11 HTML / CSS
ProBikeKit英国:在线公路自行车之家
2017/02/10 全球购物
编写用C语言实现的求n阶阶乘问题的递归算法
2014/10/21 面试题
毕业生精彩的自我评价分享
2013/10/06 职场文书
大学毕业感言50字
2014/02/07 职场文书
党员群众路线承诺书
2014/05/20 职场文书
十周年庆典策划方案
2014/06/03 职场文书
经济国贸专业求职信
2014/06/18 职场文书
婚庆公司计划书
2014/09/15 职场文书
从贫穷到富有,是知识技能和学习力的差别
2019/08/20 职场文书
分布式锁为什么要选择Zookeeper而不是Redis?看完这篇你就明白了
2021/05/21 Redis