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之dhDataGrid Ver2.0.0代码
Jul 01 Javascript
JS代码放在head和body中的区别分析
Dec 01 Javascript
将字符串中由空格隔开的每个单词首字母大写
Apr 06 Javascript
JS显示下拉列表框内全部元素的方法
Mar 31 Javascript
jstree单选功能的实现方法
Jun 07 Javascript
详谈javascript精度问题与调整
Jul 08 Javascript
详解Vue如何支持JSX语法
Nov 10 Javascript
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
Dec 06 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
Vue-Router基础学习笔记(小结)
Oct 15 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 Javascript
在vue中实现嵌套页面(iframe)
Jul 30 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中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
PHP生成自适应大小的缩略图类及使用方法分享
2014/05/06 PHP
linux中cd命令使用详解
2015/01/08 PHP
php判断并删除空目录及空子目录的方法
2015/02/11 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
CI框架常用方法小结
2016/05/17 PHP
php输出图像的方法实例分析
2017/02/16 PHP
php 可变函数使用小结
2018/06/12 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式二图文详解
2019/04/09 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
jquery清空textarea等输入框实现代码
2013/04/22 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
2013/12/11 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
angular.js中解决跨域问题的三种方式
2017/07/12 Javascript
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
vue双花括号的使用方法 附练习题
2017/11/07 Javascript
vue项目实现github在线预览功能
2018/06/20 Javascript
前端天气插件tpwidget使用方法详解
2019/06/24 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
2020/03/19 Javascript
浅谈python和C语言混编的几种方式(推荐)
2017/09/27 Python
python事件驱动event实现详解
2018/11/21 Python
详解python做UI界面的方法
2019/02/27 Python
Python Pandas 如何shuffle(打乱)数据
2019/07/30 Python
python文件编写好后如何实践
2020/07/07 Python
python collections模块的使用
2020/10/16 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
HTML 5.1来了 9月份正式发布 更新内容预览
2016/04/26 HTML / CSS
Rakuten Kobo台湾:电子书、eReaders和Reading应用程式
2017/11/24 全球购物
Sandro Paris美国官网:典雅别致的法国时尚服饰品牌
2017/12/26 全球购物
办理暂住证介绍信
2014/01/11 职场文书
小学绿色学校申报材料
2014/08/23 职场文书
感恩父母主题班会
2015/08/12 职场文书
导游词之上海杜莎夫人蜡像馆
2019/11/22 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS