jQuery EasyUI 入门必看

学习要点：

1.什么是 jQuery EasyUI

2.学习 jQuery EasyUI 的条件 3.jQuery EasyUI 的功能和优势

4.其他的 UI 插件

5.是否兼容低版本 IE

6.下载及运行 jQuery EasyUI

在正式了解 jQuery EasyUI 之前，我们先了解一下什么是 jQuery EasyUI。它的学习条件、市场上的同类产品、所支持的浏览器等。然后配置运行 jQuery EasyUI。

一．什么是 jQuery EasyUI

jQuery EasyUI 是一组基于 jQuery 的 UI 插件集合，而 jQuery EasyUI 的目标就是帮助Web 开发者更轻松的打造出功能丰富并且美观的 UI 界面。开发者不需要编写复杂的JavaScript，也不需要对 css 样式有深入的了解，开发者需要了解的只有一些简单的 html 标签。

官方网站：http://www.jeasyui.com

二．学习 jQuery EasyUI 的条件

因为 jQuery EasyUI 是基于jQuery 的 UI 库，所以，必须需要 jQuery 课程的基础。而jQuery需要那些基础，直接参考 jQuery 课程 66 课第一节内容。

三．jQuery EasyUI 的特点

1.基于 jquery 用户界面插件的集合；

2.为一些当前用于交互的 js 应用提供必要的功能；

3.使用 EasyUI 你不需要写很多的 javascript 代码，通常只需要写 HTML 标记来定义用户界面即可；

4.支持 HTML5；

5.开发产品时可节省时间和资源；

6.简单，但很强大；

7.支持扩展，可根据自己的需求扩展控件；

8.目前各项不足正已版本递增的方式不断完善；

9.源代码加密，商业版付费

四．其他的 UI 插件

除了 jQuery EasyUI 之外，还有 DWZ（国产的，基于 jQuery 的 UI 插件），还有一个独立的 ExtJS 的 UI 插件。

五．是否兼容低版本 IE

我们将要使用最新的 jQuery EasyUI 版本：1.3.5，它里面自带的 jQuery 版本是 2.0。也 就是说，不再支持 IE6,7,8 这三款浏览器了。如果你必须要使用，可以选择更低版本。当然，我们已经不在建议兼容这些版本了。最基本的原因是：jQuery EasyUI 很少用于 Web 应用的前台页面，一般用于后台的 UI 或者企业级应用的 UI（较为重）。那么使用这些功能的用户不会那么鱼龙混杂，一般会被要求使用更高级的浏览器，所以没有必要向下兼容。

PS：有部分用户坚持使用 IE6，声称未来会一直使用 IE6。那么我建议放弃这样的用户，因为 IE6 性能低下、内存泄漏、不支持高级特性，成倍的开发成本。如果失去这样的用户，就面临停工，那么死也要会死的痛快点，而如果活下来，那么也会非常愉快。可是，总是迎合这些低质量用户，你就像得了慢性病一样，每天折磨着，痛苦地慢慢死去，就算公司倒闭了，那些客户还不停电话说，系统有问题，你还要不停解释公司倒闭了，技术人员全跑了。

六．下载及运行 jQuery EasyUI

下载最新的 jQuery EasyUI1.3.5 版本，然后解压后直接使用即可。

//HTML5 调用 jQuery EasyUI

<!DOCTYPE html>
<html>
  <head>
    <title>jQuery Easy UI</title>
    <meta charset="UTF-8" />
    <script type="text/javascript" src="easyui/jquery.min.js"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script>
    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
  </head>
  <body>
    <div class="easyui-dialog" style="width:400px;height:200px"
    data-options="title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}">
      dialog content.
    </div>
  </body>
</html>

PS：虽然我们用了 HTML5 的格式，但所有标签还是沿用 XHTML 的，并为真正涉及到HTML5 的标签和 CSS。

以上这篇jQuery EasyUI 入门必看就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • easyui简介_动力节点Java学院整理

    easyui简介_动力节点Java学院整理

    一.Jquery EasyUI是什么? Jquery EasyUI是一个非常优秀的基于Jquery的界面框架插件,它提供了丰富的界面功能,方便快速开发Web界面程序.Jquery EasyUI的作者据说是中国人,对比赞一下. 看看官方是怎么描述Jquery EasyUI的吧: JQuery EasyUI 框架帮助你轻松建立站点: easyui是一个基于jquery的集成了各种用户界面的插件. easyui为创建与数据实时交互的JavaScript应用程序提供了必要的功能. 使用easyui你不需

  • jQuery Easyui快速入门教程

    jQuery Easyui快速入门教程

    1.什么是JQuery EasyUI jQuery EasyUI是一组基于JQuery的UI插件集合,而JQueryEasyUI的目标就是帮助开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的JavaScript,也不需要对css样式有深入的了解,开发者需要了解的只是一些简单的html标签. 2.学习jQuery EasyUI的条件 因为JQueryEasyUI是基于jQuery的UI库,所以,必须需要JQuery课程的基础. 3.JQuery EasyUI的特点 基于JQu

  • jQuery EasyUI 入门必看

    jQuery EasyUI 入门必看

    学习要点: 1.什么是 jQuery EasyUI 2.学习 jQuery EasyUI 的条件 3.jQuery EasyUI 的功能和优势 4.其他的 UI 插件 5.是否兼容低版本 IE 6.下载及运行 jQuery EasyUI 在正式了解 jQuery EasyUI 之前,我们先了解一下什么是 jQuery EasyUI.它的学习条件.市场上的同类产品.所支持的浏览器等.然后配置运行 jQuery EasyUI. 一．什么是 jQuery EasyUI jQuery EasyUI 是一

  • jQuery基础_入门必看知识点

    jQuery事件的因果关系是怎么样的一个格式: $("button").click(function(){ }) [正式接触jQuery] (1)jQuery的书写步骤: 1.引入jQuery文件: 2.新建一对script标签来书写jQuery: 3.用jQuery的方式进行代码分离: 4.按照jQuery用谁就选谁的原则去书写代码: [jQuery的css修改] alert()弹出一个警示框:弹出的信息可以写在小括号里面作为参数: css() 1.单属性获取,格式css("

  • JavaScript_object基础入门(必看篇)

    之前写Java时老是有点蒙,大部分都是用jQuery,但原理还不是很清楚,最近一段时间在系统的学习JavaScript,有什么问题或错误请指出,多谢..................... Object所有类的基础类 var obj = new Object(); var obj = {}; //实例化对象 给对象设置属性分为两种: 1.使用直接量的方式:对象.属性/方法,这种方式直观.易懂 obj.name = '张三'; obj.age = 20; obj.sex = '男'; obj.s

  • 详谈Ubuntu PowerShell(小白入门必看教程)

    详谈Ubuntu PowerShell(小白入门必看教程)

    早在去年八月份PowerShell就开始开源跨平台了,但是一直没有去尝试,叫做PowerShell Core. 这里打算简单介绍一下如何安装和简单使用,为还不知道PowerShell Core on Ubuntu的同学们提供一点小小的入门帮助,谢谢大家支持~ PowerShell Core是由Microsoft开发的运行在.Net Core上的开源跨平台的任务自动化和配置管理系统. 1.在Ubuntu 16.04上安装PowerShell Core a)导入公共存储库GPG秘钥 curl htt

  • PowerShell管道入门必看篇(管道例子大全)

    PowerShell管道入门必看篇(管道例子大全)

    PowerShell的一个重中之重的功能就是管道(pipeline),本文从浅入深,一步一步详解管道的使用方法和例子,来看看有没有你所不知道的吧,如果全知道,恭喜你已经很厉害啦--适用于所有PowerShell应用小白与技术老鸟.另外欢迎各位技术大牛来补充讨论学习~ 1. 管道(pipeline)是什么 在Shell中一个重要的基本概念就是管道(pipeline),即在一组命令中,输出的命令结果成为下一个命令的输入参数.管道的概念与真实生活中的生产线比较相似:在不同的生产环节进行连续的再加工,如

  • 原生js仿jquery一些常用方法(必看篇)

    最近迷上了原生js,能不用jquery等框架的情况都会手写一些js方法,记得刚接触前端的时候为了选择器而使用jquery...现在利用扩展原型的方法实现一些jquery函数: 1.显示/隐藏 //hide() Object.prototype.hide = function(){ this.style.display="none"; return this; } //show() Object.prototype.show = function(){ this.style.displa

  • NodeJs——入门必看攻略

    关于NPM: npm 是 nodejs 的包管理和分发工具.它可以让 javascript 开发者能够更加轻松的共享代码和共用代码片段,并且通过 npm 管理你分享的代码也很方便快捷和简单. 一 NodeJs安装与NPM管理 安装 前往NodeJs官网,下载安装包直接安装.同时NodeJs默认包含NPM模块.后者需要更新到最新版本.-v 查看版本信息,有则安装成功.某些版本不支持读-v参数大小写敏感,如报错尝试大写-V. node -v v4.4.4 npm -v 2.15.1 更新npm模块

  • 5个JAVA入门必看的经典实例

    入门必看的5个JAVA经典实例,供大家参考,具体内容如下 1.一个饲养员给动物喂食物的例子体现JAVA中的面向对象思想,接口(抽象类)的用处 package com.softeem.demo; /** *@author leno *动物的接口 */ interface Animal { public void eat(Food food); } /** *@author leno *一种动物类:猫 */ class Cat implements Animal { public void eat(

  • EJB基础知识(入门必看)

    什么是EJB 可移植的,可重用的,可伸缩的业务应用程序的平台 为什么选择EJB 1. 易用性, 由EJB容器提供许多的服务, 开发人员只需要关注业务本身即可 2. 集成解决方案套装, 由应用服务器提供大量服务 3. 开放的JavaEE标准 4. 广泛的厂商支持 5. 稳定, 高质量的代码基础 6. 集群, 负载均衡, 故障转移 7. 易于开发允许可重用的组件 EJB容器提供的服务 1. 集成 2. 池化 3. 线程安全 4. 状态管理(针对有状态会话bean) 5. 消息服务器(针对消息驱动be

  • JavaScript基础教程——入门必看篇

    JavaScript基础教程——入门必看篇

    JavaScript他是一种描述性语言,其实他并不难学,只要用心学,一定会学好,我相信大家在看这篇文章的时候,一定也学过HTML吧,使用JavaScript就是为了能和网页有更好的交互,下面切入主题. 一. JavaScript 1.什么是JavaScript JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性的脚本语言. 2.JavaScript的特点 JavaScript主要用来向HTML页面添加交互行为. JavaS

随机推荐