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 asp.net 用json格式返回自定义对象
Apr 07 Javascript
JQuery EasyUI 对话框的使用方法
Oct 24 Javascript
js控制页面控件隐藏显示的两种方法介绍
Oct 09 Javascript
javascript将相对路径转绝对路径示例
Mar 14 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
JS关闭窗口时产生的事件及用法示例
Aug 20 Javascript
正则验证小数点后面只能有两位数的方法
Feb 28 Javascript
jQuery中的deferred对象和extend方法详解
May 08 jQuery
js原生代码实现轮播图的实例讲解
Jul 28 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
Jun 19 Javascript
详解React开发必不可少的eslint配置
Feb 05 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
Apr 10 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文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
php给一组指定关键词添加span标签的方法
2015/03/31 PHP
php 二维数组快速排序算法的实现代码
2017/10/17 PHP
PHP+MySQL实现模糊查询员工信息功能示例
2018/06/01 PHP
js中的string.format函数代码
2020/08/11 Javascript
IE的fireEvent方法概述及应用
2013/02/22 Javascript
判断是否安装flash player及当前版本的JS代码
2013/08/08 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
2014/01/26 Javascript
javascript学习笔记--数字格式类型
2014/05/22 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
2015/04/17 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
JSONP基础知识详解
2017/03/19 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
D3.js进阶系列之CSV表格文件的读取详解
2017/06/06 Javascript
vue跨域解决方法
2017/10/15 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
2018/12/03 Javascript
如何检测JavaScript中的死循环示例详解
2020/08/30 Javascript
[40:16]TFT vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
[56:42]VP vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python绑定方法与非绑定方法详解
2017/08/18 Python
python编程线性回归代码示例
2017/12/07 Python
使用DataFrame删除行和列的实例讲解
2018/04/08 Python
Python延时操作实现方法示例
2018/08/14 Python
详解python读取和输出到txt
2019/03/29 Python
Python生成器next方法和send方法区别详解
2020/05/30 Python
Python爬虫代理池搭建的方法步骤
2020/09/28 Python
python 对象真假值的实例(哪些视为False)
2020/12/11 Python
校庆标语集锦
2014/06/25 职场文书
公司党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
2015年爱牙日活动总结
2015/02/05 职场文书
2015年财务人员个人工作总结
2015/07/27 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js
php中pcntl_fork详解
2021/04/01 PHP
SQL Server内存机制浅探
2022/04/06 SQL Server
TypeScript实用技巧 Nominal Typing名义类型详解
2022/09/23 Javascript