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压缩混淆工具
May 16 Javascript
js 文本滚动效果的实例代码
Aug 17 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
Mar 20 Javascript
JavaScript中的ubound函数使用实例
Nov 04 Javascript
js获取新浪天气接口的实现代码
Jun 06 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
Jun 08 Javascript
JS前向后瞻正则表达式定义与用法示例
Dec 27 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
Nov 14 Javascript
解决vue单页路由跳转后scrollTop的问题
Sep 03 Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
Mar 29 Javascript
layui 实现自动选择radio单选框(checked)的方法
Sep 03 Javascript
vue ssr服务端渲染(小白解惑)
Nov 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
windows下PHP APACHE MYSQ完整配置
2007/01/02 PHP
更改localhost为其他名字的方法
2014/02/10 PHP
浅析PHP程序设计中的MVC编程思想
2014/07/28 PHP
CentOS6.5 编译安装lnmp环境
2014/12/21 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
Javascript 日期对象Date扩展方法
2009/05/30 Javascript
js修改地址栏URL参数解决url参数问题
2012/12/15 Javascript
Javascript仿PHP $_GET获取URL中的参数
2014/05/12 Javascript
理解jQuery stop()方法
2014/11/21 Javascript
JavaScript常用验证函数实例汇总
2014/11/25 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
jquery+css实现动感的图片切换效果
2015/11/25 Javascript
学习JavaScript设计模式(策略模式)
2015/11/26 Javascript
JS制作适用于手机和电脑的通知信息效果
2016/10/28 Javascript
js仿新浪微博消息发布功能
2017/02/17 Javascript
整理一些最近经常遇到的前端面试题
2017/04/25 Javascript
bootstrap table表格客户端分页实例
2017/08/07 Javascript
bootstrap modal+gridview实现弹出框效果
2017/08/15 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
express异步函数异常捕获示例详解
2020/11/30 Javascript
vue+element table表格实现动态列筛选的示例代码
2021/01/14 Vue.js
[00:52]玛尔斯技能全介绍
2019/03/06 DOTA
python与sqlite3实现解密chrome cookie实例代码
2018/01/20 Python
详解tensorflow实现迁移学习实例
2018/02/10 Python
python 实现登录网页的操作方法
2018/05/11 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
python return逻辑判断表达式实现解析
2019/12/02 Python
浅谈pytorch池化maxpool2D注意事项
2020/02/18 Python
Python爬取梨视频的示例
2021/01/29 Python
世界首屈一指的钓鱼用品商店:TackleDirect
2016/07/26 全球购物
学术会议主持词
2014/03/17 职场文书
2015年信贷员工作总结
2015/04/28 职场文书
婚庆开业庆典主持词
2015/06/30 职场文书
军训新闻稿范文
2015/07/17 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle