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中点击空白区域时文本框与隐藏层的显示与影藏问题
Aug 26 Javascript
node.js超时timeout详解
Nov 26 Javascript
js QQ客服悬浮效果实现代码
Dec 12 Javascript
JQuery基础语法小结
Feb 27 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
May 12 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
Dec 28 Javascript
vue.js项目nginx部署教程
Apr 05 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
Aug 27 Javascript
100行代码实现vue表单校验功能(小白自编)
Nov 19 Javascript
js实现左右轮播图
Jan 09 Javascript
JS+DIV实现拖动效果
Feb 11 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 extract 将数组拆分成多个变量的函数
2010/06/30 PHP
phpmailer在服务器上不能正常发送邮件的解决办法
2014/07/08 PHP
php通过sort()函数给数组排序的方法
2015/03/18 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
Yii+MYSQL锁表防止并发情况下重复数据的方法
2016/07/14 PHP
php断点续传之文件分割合并详解
2016/12/13 PHP
PHP实现的策略模式示例
2019/03/20 PHP
JS对URL字符串进行编码/解码分析
2008/10/25 Javascript
Prototype String对象 学习
2009/07/19 Javascript
JQuery 解析多维的Json数据格式
2009/11/02 Javascript
javascript中数组的冒泡排序使用示例
2013/12/18 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
JS判断变量是否为空判断是否null
2014/07/25 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
javascript的日期对象、数组对象、二维数组使用说明
2014/12/22 Javascript
在javaScript中检测数据类型的几种方式小结
2017/03/04 Javascript
js下拉菜单生成器dropMenu使用方法详解
2017/08/01 Javascript
vue select二级联动第二级默认选中第一个option值的实例
2018/01/10 Javascript
vue二级菜单导航点击选中事件的方法
2018/09/12 Javascript
JavaScript实现新年倒计时效果
2018/11/17 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
2019/03/11 Javascript
在Vue项目中,防止页面被缩放和放大示例
2019/10/28 Javascript
js+canvas实现刮刮奖功能
2020/09/13 Javascript
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
python并发编程之线程实例解析
2017/12/27 Python
Python 找到列表中满足某些条件的元素方法
2018/06/26 Python
解决python中无法自动补全代码的问题
2018/12/04 Python
python取余运算符知识点详解
2019/06/27 Python
Python多进程编程multiprocessing代码实例
2020/03/12 Python
Python 调用 ES、Solr、Phoenix的示例代码
2020/11/23 Python
Python 带星号(* 或 **)的函数参数详解
2021/02/23 Python
金士达面试非笔试
2012/03/14 面试题
驾驶员安全责任书
2014/07/22 职场文书
装修安全责任协议书
2016/03/22 职场文书
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android