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 disabled=&quot;false&quot;不起作用的解决办法
Jun 26 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
Dec 02 Javascript
js中split函数的使用方法说明
Dec 26 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
Jul 22 Javascript
自己动手写的jquery分页控件(非常简单实用)
Oct 28 Javascript
javascript跨域总结之window.name实现的跨域数据传输
Nov 01 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
Nov 30 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
文件上传,iframe跨域数据提交的实现
Nov 18 Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 Javascript
vue绑定class与行间样式style详解
Aug 16 Javascript
详解JS深拷贝与浅拷贝
Aug 04 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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
4.与数据库的连接
2006/10/09 PHP
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
一个简洁实用的PHP缓存类完整实例
2014/07/26 PHP
php版微信开发Token验证失败或请求URL超时问题的解决方法
2016/09/23 PHP
用正则表达式 动态创建/增加css style script 兼容IE firefox
2009/03/10 Javascript
一些常用的JS功能函数代码
2009/06/23 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
js图片预加载示例
2014/04/30 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
jquery简单倒计时实现方法
2015/12/18 Javascript
jQuery滚动新闻实现代码
2016/06/26 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
VUE axios发送跨域请求需要注意的问题
2017/07/06 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
node实现简单的增删改查接口实例代码
2019/08/22 Javascript
layui动态绑定事件的方法
2019/09/20 Javascript
vue接通后端api以及部署到服务器操作
2020/08/13 Javascript
[16:43]Heroes19_剃刀(完美)
2014/10/31 DOTA
Python中字典的基本知识初步介绍
2015/05/21 Python
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
深入学习Python中的装饰器使用
2016/06/20 Python
Django框架静态文件使用/中间件/禁用ip功能实例详解
2019/07/22 Python
在tensorflow下利用plt画论文中loss,acc等曲线图实例
2020/06/15 Python
python爬虫使用正则爬取网站的实现
2020/08/03 Python
浅析Python模块之间的相互引用问题
2021/02/26 Python
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
全球才华横溢工匠的家居装饰、珠宝和礼物:NOVICA
2021/01/22 全球购物
数据员岗位职责
2013/11/19 职场文书
医学生自荐信范文
2013/12/03 职场文书
房屋买卖协议书
2014/04/10 职场文书
就业意向书
2014/07/29 职场文书
基层党员对照检查材料
2014/09/24 职场文书
警示教育观后感
2015/06/17 职场文书
SQL实现LeetCode(178.分数排行)
2021/08/04 MySQL