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 相关文章推荐
js 编程笔记 无名函数
Jun 28 Javascript
js获取url中指定参数值的示例代码
Dec 14 Javascript
javascript每日必学之封装
Feb 23 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
Aug 01 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
Vue.js实现无限加载与分页功能开发
Nov 03 Javascript
js表单序列化判断空值的实例
Sep 22 Javascript
vue 路由嵌套高亮问题的解决方法
May 17 Javascript
element-ui使用导航栏跳转路由的用法详解
Aug 22 Javascript
详解小程序退出页面时清除定时器
Apr 28 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
Jul 14 Javascript
Bootstrap FileInput实现图片上传功能
Jan 28 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正则匹配汉字的方法介绍
2013/04/25 PHP
php+html5+ajax实现上传图片的方法
2016/05/14 PHP
PHP实现数组array转换成xml的方法
2016/07/19 PHP
php中文字符串截取多种方法汇总
2016/10/06 PHP
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
2008/12/02 Javascript
Javascript 解疑
2009/11/11 Javascript
jquery 模拟类搜索框自动完成搜索提示功能(改进)
2010/05/24 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
2012/12/10 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
2012/12/28 Javascript
js脚本实现数据去重
2014/11/27 Javascript
Javascript中的arguments与重载介绍
2015/03/15 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
仿iframe效果Aajx文件上传实例
2016/11/18 Javascript
Bootstrap Table使用心得总结
2016/11/29 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
jQuery为DOM动态追加事件的方法
2017/02/16 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
2017/06/20 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
微信小程序scroll-view实现字幕滚动
2018/07/14 Javascript
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
2018/12/12 Javascript
[04:19]完美世界携手游戏风云打造 卡尔工作室模型介绍篇
2013/04/24 DOTA
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
将Django使用的数据库从MySQL迁移到PostgreSQL的教程
2015/04/11 Python
python使用multiprocessing模块实现带回调函数的异步调用方法
2015/04/18 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
python实现图片压缩代码实例
2019/08/12 Python
骆驼官方商城:CAMEL
2016/11/22 全球购物
J2SDK1.5与J2SDK5.0有什么区别
2012/09/19 面试题
两道JAVA笔试题
2016/09/14 面试题
采购类个人求职的自我评价
2014/02/18 职场文书
保密工作整改报告
2014/11/06 职场文书
个人党性锻炼总结
2015/03/05 职场文书
PySwarms(Python粒子群优化工具包)的使用:GlobalBestPSO例子解析
2021/04/05 Python
解析MySQL binlog
2021/06/11 MySQL
《帝国时代4》赛季预告 新增内容编译器可创造地图
2022/04/03 其他游戏
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server