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 相关文章推荐
jQuery之$(document).ready()使用介绍
Apr 05 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
理解JavaScript事件对象
Jan 25 Javascript
Bootstrap安装环境配置教程分享
May 27 Javascript
第一次接触神奇的Bootstrap基础排版
Jul 26 Javascript
Bootstrap源码解读网格系统(3)
Dec 22 Javascript
基于element-ui的rules中正则表达式
Sep 04 Javascript
在vue中安装使用vux的教程详解
Sep 16 Javascript
js计算两个日期间的天数月的实例代码
Sep 20 Javascript
详解基于node.js的脚手架工具开发经历
Jan 28 Javascript
JS用最简单的方法实现四舍五入
Aug 27 Javascript
ant design vue datepicker日期选择器中文化操作
Oct 28 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实现12306火车票余票查询和价格查询(12306火车票查询)
2014/01/14 PHP
PHP自带函数给数字或字符串自动补齐位数
2014/07/29 PHP
php实现网页上一页下一页翻页过程详解
2019/06/28 PHP
PHP常量及变量区别原理详解
2020/08/14 PHP
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
javascript 判断数组是否已包含了某个元素的函数
2010/05/30 Javascript
Jquery Autocomplete 结合asp.net使用要点
2010/10/29 Javascript
js浮点数精确计算(加、减、乘、除)
2013/12/26 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
javascript实现图片循环渐显播放的方法
2015/02/24 Javascript
使用jquery制作弹出框效果
2015/04/03 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
2016/08/01 Javascript
详解JS中的柯里化(currying)
2017/08/17 Javascript
微信小程序实现手指触摸画板
2018/07/09 Javascript
vue 项目地址去掉 #的方法
2018/10/20 Javascript
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
vue 解决文本框被键盘遮住的问题
2019/11/06 Javascript
微信小程序 下拉刷新及上拉加载原理解析
2019/11/06 Javascript
原生js 实现表单验证功能
2021/02/08 Javascript
python实现倒计时的示例
2014/02/14 Python
在Python中处理XML的教程
2015/04/29 Python
利用Python获取赶集网招聘信息前篇
2016/04/18 Python
python之virtualenv的简单使用方法(必看篇)
2017/11/25 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
python判断设备是否联网的方法
2018/06/29 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
python 绘制拟合曲线并加指定点标识的实现
2019/07/10 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
python3 下载网络图片代码实例
2019/08/27 Python
pycharm设置当前工作目录的操作(working directory)
2020/02/14 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
html5 canvas 实现光线沿不规则路径运动
2020/04/20 HTML / CSS
手机销售员岗位职责
2015/04/11 职场文书
安全教育培训制度
2015/08/06 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书
2019年“红色之旅”心得体会1000字(3篇)
2019/09/27 职场文书