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 08 Javascript
JS面向对象编程 for Cookie
Sep 19 Javascript
jQuery实战之品牌展示列表效果
Apr 10 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
Nov 30 Javascript
js取滚动条的尺寸的函数代码
Nov 30 Javascript
Node.js 制作实时多人游戏框架
Jan 08 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 Javascript
jQuery之简单的表单验证实例
Jul 07 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
微信小程序input框中加入小图标的实现方法
Jun 19 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
Apr 01 Javascript
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
原生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
怎么样可以把 phpinfo()屏蔽掉?
2006/11/24 PHP
ADODB结合SMARTY使用~超级强
2006/11/25 PHP
php递归遍历多维数组的方法
2015/04/18 PHP
WordPress中用于获取文章作者与分类信息的方法整理
2015/12/17 PHP
微信开发之php表单微信中自动提交两次问题解决办法
2017/01/08 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
响应鼠标变换表格背景或者颜色的代码
2009/03/30 Javascript
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
2009/09/15 Javascript
Mootools 1.2教程 定时器和哈希简介
2009/09/15 Javascript
javascript基础知识大集锦(二) 推荐收藏
2011/01/13 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
js中的时间转换—毫秒转换成日期时间的示例代码
2014/01/26 Javascript
JavaScript调用ajax获取文本文件内容实现代码
2014/03/28 Javascript
js监听鼠标点击和键盘点击事件并自动跳转页面
2014/09/24 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
JavaScript获取Url里的参数
2014/12/18 Javascript
JQuery查找DOM节点的方法
2015/06/11 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
vue-router重定向不刷新问题的解决
2018/06/25 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
JQuery属性操作与循环用法示例
2019/05/15 jQuery
vue实现评论列表功能
2019/10/25 Javascript
用Python创建声明性迷你语言的教程
2015/04/13 Python
python通过邮件服务器端口发送邮件的方法
2015/04/30 Python
Python通过future处理并发问题
2017/10/17 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
python实现事件驱动
2018/11/21 Python
使用Python 正则匹配两个特定字符之间的字符方法
2018/12/24 Python
Django中的AutoField字段使用
2020/05/18 Python
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
幼儿园托班开学寄语
2014/01/18 职场文书
煤矿安全演讲稿
2014/05/09 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
合同补充协议书
2016/03/24 职场文书
2022微信温控新功能上线
2022/05/09 数码科技
MySQL实现字段分割一行转多行的示例代码
2022/07/07 MySQL