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 News Ticker 基于jQuery的即时新闻行情展示插件
Nov 05 Javascript
下载文件个别浏览器文件名乱码解决办法
Mar 19 Javascript
JavaScript中getUTCSeconds()方法的使用详解
Jun 11 Javascript
JavaScript实战(原生range和自定义特效)简单实例
Aug 21 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
利用JS判断鼠标移入元素的方向
Dec 11 Javascript
javascript 封装Date日期类实例详解
May 28 Javascript
基于JavaScript实现飘落星星特效
Aug 10 Javascript
微信小程序实现循环动画效果
Jul 16 Javascript
element el-input directive数字进行控制
Oct 11 Javascript
微信小程序实现搜索框功能及踩过的坑
Jun 19 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
Jul 22 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
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
php使用lua+redis实现限流,计数器模式,令牌桶模式
2019/04/04 PHP
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
再谈Javascript中的异步以及如何异步
2016/08/19 Javascript
jQuery简单实现遍历单选框的方法
2017/03/06 Javascript
Vue.js开发环境快速搭建教程
2017/03/17 Javascript
JS实现异步上传压缩图片
2017/04/22 Javascript
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
个人小程序接入支付解决方案
2019/05/23 Javascript
在博客园博文中添加自定义右键菜单的方法详解
2020/02/05 Javascript
[07:20]2014DOTA2西雅图国际邀请赛 选手讲解积分赛第二天
2014/07/11 DOTA
python检查指定文件是否存在的方法
2015/07/06 Python
Python之list对应元素求和的方法
2018/06/28 Python
python3爬虫学习之数据存储txt的案例详解
2019/04/24 Python
Python解析命令行读取参数之argparse模块
2019/07/26 Python
python 视频逐帧保存为图片的完整实例
2019/12/10 Python
使用python-cv2实现视频的分解与合成的示例代码
2020/10/26 Python
详解如何使用Pytest进行自动化测试
2021/01/14 Python
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
受希腊女神灵感的晚礼服、鸡尾酒礼服和婚纱:THEIA
2018/04/15 全球购物
Kusmi茶美国官网:优质散叶茶和茶包
2019/10/13 全球购物
初一学生评语大全
2014/04/24 职场文书
治超工作实施方案
2014/05/04 职场文书
2014年国庆节寄语
2014/09/19 职场文书
党的群众路线教育实践活动整改落实情况报告
2014/10/28 职场文书
2014年化验员工作总结
2014/11/18 职场文书
英文导游词
2015/02/13 职场文书
简历中的自我评价应该这样写!
2019/07/12 职场文书
导游词之蓬莱长岛
2019/12/17 职场文书
pandas取dataframe特定行列的实现方法
2021/05/24 Python
Vue深入理解插槽slot的使用
2022/08/05 Vue.js