来自 计算机前端 2019-12-28 09:41 的文章
当前位置: 美高梅4858官方网站 > 计算机前端 > 正文

美高梅4858官方网站:第 1 章 jQuery EasyUI 入门,jqueryeasyui

第 1 章 jQuery EasyUI 入门,jqueryeasyui

学习要点:

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 标签。

官方网站:

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。

最新的 1.3.5 的 API 中文文档:汉化人博客:

备注:本教程出自《李炎恢jQuery EasyUI视频教程》,请勿用于商业用途,否则后果自负。

1 章 jQuery EasyUI 入门,jqueryeasyui 学习要点: 1.什么是jQuery EasyUI 2.学习jQuery EasyUI 的条件3.jQuery EasyUI 的功能和优势 4.其他的UI 插件 5.是否...

本文由美高梅4858官方网站发布于计算机前端,转载请注明出处:美高梅4858官方网站:第 1 章 jQuery EasyUI 入门,jqueryeasyui

关键词: