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 相关文章推荐
High Performance JavaScript(高性能JavaScript)读书笔记分析
May 05 Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
Jun 06 Javascript
js传参数受特殊字符影响错误的解决方法
Oct 21 Javascript
javascript使用定时函数实现跳转到某个页面
Dec 25 Javascript
JS替换文本域内的回车示例
Feb 18 Javascript
vue下跨域设置的相关介绍
Aug 26 Javascript
详解如何用模块化的方式写vuejs
Dec 16 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 Javascript
基于React Native 0.52实现轮播图效果
Aug 25 Javascript
ES6 新增的创建数组的方法(小结)
Aug 01 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 Javascript
JS自定义对象创建与简单使用方法示例
Jan 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 5.0 Pear安装方法
2006/12/06 PHP
利用PHP实现智能文件类型检测的实现代码
2011/08/02 PHP
PHP中的reflection反射机制测试例子
2014/08/05 PHP
网页的分页下标生成代码(PHP后端方法)
2016/02/03 PHP
PHP中explode函数和split函数的区别小结
2016/08/24 PHP
php微信公众平台示例代码分析(二)
2016/12/06 PHP
PHP实现根据密码长度显示安全条
2017/07/04 PHP
php反射学习之不用new方法实例化类操作示例
2019/06/14 PHP
laravel在中间件内生成参数并且传递到控制器中的2种姿势
2019/10/15 PHP
dojo学习第一天 Tab选项卡 实现
2011/08/28 Javascript
解析JavaScript的ES6版本中的解构赋值
2015/07/28 Javascript
vue 使用ref 让父组件调用子组件的方法
2018/02/08 Javascript
微信小程序实现点赞、取消点赞功能
2018/11/02 Javascript
Vue触发式全局组件构建的方法
2018/11/28 Javascript
使用vue制作滑动标签
2019/09/21 Javascript
详解vue页面首次加载缓慢原因及解决方案
2019/11/06 Javascript
[01:02:48]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Liquid
2018/04/03 DOTA
python数据结构之链表详解
2017/09/12 Python
Python3操作SQL Server数据库(实例讲解)
2017/10/21 Python
python中比较两个列表的实例方法
2019/07/04 Python
python导包的几种方法(自定义包的生成以及导入详解)
2019/07/15 Python
Python 实例方法、类方法、静态方法的区别与作用
2019/08/14 Python
Python如何使用字符打印照片
2020/01/03 Python
python开发一款翻译工具
2020/10/10 Python
pytorch 把图片数据转化成tensor的操作
2021/03/04 Python
HTML5 input新增type属性color颜色拾取器的实例代码
2018/08/27 HTML / CSS
h5使用canvas画布实现手势解锁
2019/01/04 HTML / CSS
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
质量工程师岗位职责
2013/11/16 职场文书
公益活动策划方案
2014/01/09 职场文书
土地转让协议书
2014/04/15 职场文书
年度评优评先方案
2014/06/03 职场文书
应届大学生自荐书
2014/06/17 职场文书
2015年领班工作总结
2015/04/29 职场文书
python3使用diagrams绘制架构图的步骤
2021/04/08 Python
Python实现制作销售数据可视化看板详解
2021/11/27 Python