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 相关文章推荐
popdiv
Jul 14 Javascript
setTimeout和setInterval的区别你真的了解吗?
Mar 31 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
Apr 17 Javascript
js继承实现方法详解
Dec 16 Javascript
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
利用JavaScript的%做隔行换色的实例
Nov 25 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
Apr 23 Javascript
react-router4按需加载(踩坑填坑)
Jan 06 Javascript
ES6入门教程之Array.from()方法
Mar 23 Javascript
微信小程序template模版的使用方法
Apr 13 Javascript
JavaScript的console命令使用实例
Dec 03 Javascript
vue2路由基本用法实例分析
Mar 06 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
Wordpress php 分页代码
2009/10/21 PHP
php字符串分割函数explode的实例代码
2013/02/07 PHP
php导入模块文件分享
2015/03/17 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
jQuery实现仿Google首页拖动效果的方法
2015/05/04 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
Bootstrap实现登录校验表单(带验证码)
2016/06/23 Javascript
JavaScript 实现的checkbox经典实例分享
2016/10/16 Javascript
AngularJS获取json数据的方法详解
2017/05/27 Javascript
详解react-router如何实现按需加载
2017/06/15 Javascript
Vue-CLI3.x 设置反向代理的方法
2018/12/06 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
微信小程序云开发使用方法新手初体验
2019/05/16 Javascript
[00:33]2016完美“圣”典风云人物:BurNIng宣传片
2016/12/10 DOTA
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
Python 异常处理实例详解
2014/03/12 Python
Python算法之栈(stack)的实现
2014/08/18 Python
用Python的Flask框架结合MySQL写一个内存监控程序
2015/11/07 Python
Python使用pyshp库读取shapefile信息的方法
2018/12/29 Python
python3使用QQ邮箱发送邮件
2020/05/20 Python
scrapy-redis源码分析之发送POST请求详解
2019/05/15 Python
python对绑定事件的鼠标、按键的判断实例
2019/07/17 Python
用Pytorch训练CNN(数据集MNIST,使用GPU的方法)
2019/08/19 Python
Python爬虫requests库多种用法实例
2020/05/28 Python
python 通过文件夹导入包的操作
2020/06/01 Python
如何在python中处理配置文件代码实例
2020/09/27 Python
梅西酒窖:Macy’s Wine Cellar
2018/01/07 全球购物
Engel & Bengel官网:婴儿推车、儿童房家具和婴儿设备
2019/12/28 全球购物
荷兰最大的鞋子、服装和运动折扣店:Bristol
2021/01/07 全球购物
水污染治理专业毕业生推荐信
2013/11/14 职场文书
初中同学聚会感言
2014/02/11 职场文书
学习党的群众路线教育实践活动心得体会
2014/03/01 职场文书
《望庐山瀑布》教学反思
2014/04/22 职场文书
2015年政治教研组工作总结
2015/07/22 职场文书
教师实习自我鉴定总结
2019/08/20 职场文书
中国十大神话动漫电影排行榜 哪吒登顶 白蛇缘起排第七
2022/03/21 国漫