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 相关文章推荐
JavaScript进阶教程(第四课第一部分)
Apr 05 Javascript
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
Nov 05 Javascript
js 用CreateElement动态创建标签示例
Nov 20 Javascript
禁用JavaScript控制台调试的方法
Mar 07 Javascript
PHP+jQuery+Ajax实现多图片上传效果
Mar 14 Javascript
input输入密码变黑点密文的实现方法
Jan 09 Javascript
Angularjs中使用layDate日期控件示例
Jan 11 Javascript
Vue 短信验证码组件开发详解
Feb 14 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
May 02 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
vue.js路由mode配置之去掉url上默认的#方法
Nov 01 Javascript
JS实现京东商品分类侧边栏
Dec 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下一个非常全面获取图象信息的函数
2008/11/20 PHP
php使用strtotime和date函数判断日期是否有效代码分享
2013/12/25 PHP
php bootstrap实现简单登录
2016/03/08 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
javascript 继承实现方法
2009/08/26 Javascript
JavaScript使用循环和分割来替换和删除元素实例
2014/10/13 Javascript
详细分析JavaScript函数定义
2015/07/16 Javascript
JavaScript实现点击按钮字体放大、缩小
2016/02/29 Javascript
JavaScript接口的实现三种方式(推荐)
2016/06/14 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
2018/01/09 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
2018/09/14 Javascript
Vue 构造选项 - 进阶使用说明
2020/08/14 Javascript
JS highcharts动态柱状图原理及实现
2020/10/16 Javascript
[40:29]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第一场
2018/04/10 DOTA
为python设置socket代理的方法
2015/01/14 Python
在Django的session中使用User对象的方法
2015/07/23 Python
Python生成随机验证码的两种方法
2015/12/22 Python
Python实现新浪博客备份的方法
2016/04/27 Python
python编写分类决策树的代码
2017/12/21 Python
Python3导入自定义模块的三种方法详解
2018/04/13 Python
python 限制函数调用次数的实例讲解
2018/04/21 Python
Python基于opencv的图像压缩算法实例分析
2018/05/03 Python
解决seaborn在pycharm中绘图不出图的问题
2018/05/24 Python
python实现n个数中选出m个数的方法
2018/11/13 Python
浅谈Pytorch中的torch.gather函数的含义
2019/08/18 Python
python实现在一个画布上画多个子图
2020/01/19 Python
python绘制汉诺塔
2021/03/01 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
比较基础的php面试题及答案-填空题
2014/04/26 面试题
单位创先争优活动方案
2014/01/26 职场文书
学习党的群众路线剖析材料
2014/10/09 职场文书
2015年个人实习工作总结
2015/05/28 职场文书
幽灵公主观后感
2015/06/09 职场文书