《jQuery UI 开发指南》——1.2 jQuery UI概览

1.2 jQuery UI概览

为了简要了解jQuery UI,请在浏览器中打开index.html文件(如图1-1所示)。

在这个文件中,你可以看到jQuery UI添加的不同功能,如图1-2所示,包括:

  • 折叠菜单(accordion menu);
  • 输入框的自动补全机制(autocompletion mechanism);
  • 漂亮的按钮(button)和复选框(checkbox);
  • 便于页面展示的选项卡机制(tab mechanism);
  • 显示在页面最上层的对话框(dialog box);
  • 自定义图标(custom icon);
  • 滑块(slider);
  • 日历(calendar);
  • 进度条(progress bar)。

我们将会在本书的后面章节,讨论这些功能。我们还会讨论其他的机制,比如拖放、新的视觉特效、CSS主题文件等。

时间: 2024-10-11 16:58:03

《jQuery UI 开发指南》——1.2 jQuery UI概览的相关文章

《jQuery EasyUI开发指南》——第1章 认识jQuery EasyUI 1.1jQuery EasyUI介绍

第1章 认识jQuery EasyUI 本章主要内容 jQuery EasyUI介绍 管理系统需求分析 建立数据库 选择开发工具 MyEclipse的语言配置 新建Web Project 安装Tomcat服务器 搭建SSH开发框架 搭建jQuery EasyUI开发环境 1.1 jQuery EasyUI介绍 作为一款开源前端插件集合,jQuery EasyUI已经非常强大了,跟EasyUI同时活跃在市场上的还有Bootstrap.Avalon等,可以说,这些前端插件各有各的好处.同时,学习这些

《jQuery EasyUI开发指南》——导读

前言 我们都知道,Java语言本身有专注于后端的特点.如果使用Java语言来开发项目,可以把Java代码嵌入前端中来.但实际上,专业人士并不提倡这么做.因为前端的开发就应该由前端语言来做,后端的开发就应该由后端语言来做,这样可以降低耦合性,也能防止代码混乱产生的问题. 在前端开发方面,现在诞生了很多开发框架.一般来说,前端开发工程师需要掌握的技能有HTML.CSS.JavaScript等,以及符合W3C规则的编程规范,但掌握了这些技能还是远远不够的,尤其是在Web技术迅猛发展.日新月异的今天.

《jQuery EasyUI开发指南》——1.9 搭建jQuery EasyUI开发环境

1.9 搭建jQuery EasyUI开发环境 jQuery EasyUI开发环境的搭建比较简单.因为jQuery EasyUI属于前端插件,所以只需要在写前端页面的时候引入它们的JavaScript文件即可,其余不用什么复杂的配置.相比之下,前端开发环境的配置要比后端简单得多. 如果不引用相应的JavaScript文件,直接在页面中写入代码,会报前台JavaScript错误,一般都是缺少对象. 为了管理方便,我们需要在WebRoot目录下建立一个jquery文件夹,统一存放使用jQuery所需

jQuery:收集一些基于jQuery框架开发的控件/jquery插件2

Horizontal accordion: jQuery基于jQuery开发,非常简单的水平方向折叠控件.主页:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html (无法找到)下载:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html 示例:http://let

jQuery:收集一些基于jQuery框架开发的控件/jquery插件

Coda Popup Bubbles采用jQuery开发,类似"冒泡"效果的提醒弹出框.主页:http://jqueryfordesigners.com/coda-popup-bubbles/ 下载:http://jqueryfordesigners.com/coda-popup-bubbles/ (没找到)示例:http://jqueryfordesigners.com/demo/coda-bubble.html Simple Effects PluginsjQuery特效插件,可以

《jQuery UI 开发指南》——2.5 使用选项卡的示例

2.5 使用选项卡的示例 在本节中,我们将运用所学到的有关选项卡的知识. 2.5.1 动态创建选项卡 我们想用JavaScript动态创建选项卡(及其内容).在下面显示的代码中,首先用HTML代码创建了3个选项卡,然后用JavaScript添加了第4个: 请注意我们是如何将第一个tabs ()方法和第二个tabs ()方法链接起来的.第一个tabs ()方法是必需的,因为是它把编写的HTML代码转变成了显示选项卡的代码(使用jQuery UI自动添加的CSS类),第二个tabs ()方法执行了"

《jQuery UI 开发指南》——2.2 格式化内容

2.2 格式化内容 使用tabs ()方法会彻底改变页面中HTML元素的外观.实际上,该方法遍历了(jQuery UI内部实现)HTML代码,并给相关的元素(这里是选项卡)添加了新的CSS类,赋予了它们适当的样式. 图2-3展示了jQuery UI生成的HTML,tabs ()方法改变了HTML DOM(文档对象模型)树(代码是用Firefox的Firebug扩展查看的). 可以修改元素的CSS类来自定义元素的显示样式.比如,如果修改了与元素关联的ui-state-default CSS类,将会

《jQuery UI 开发指南》——1.4 在HTML页面中应该引入哪些文件

1.4 在HTML页面中应该引入哪些文件 在前面的几节中,我们知道了jQuery UI是由不同的CSS和JavaScript文件组成的.此外,有些文件是压缩过的,而有些却没有压缩.因此问题就来了:要使用jQuery UI,我们的HTML页面中应该引入哪些文件呢? 1.4.1 未压缩文件 未压缩的文件位于jQuery UI安装目录(jqueryui)下的development-bundle目录. 1.JavaScript文件 ui目录(位于development-bundle下)包含了JavaSc

《jQuery UI 开发指南》——第1章 jQuery UI介绍1.1 jQuery UI的安装

第1章 jQuery UI介绍 jQuery UI是jQuery的一个插件集,为jQuery的核心库添加了新的功能.本章我们将安装jQuery UI库,并简略地看一下它的内容.接下来的几章将会详细介绍jQuery UI的每一个插件的功能. 1.1 jQuery UI的安装 单击稳定版本(Stable)的下载链接,此链接直接指向了一个ZIP文件,它包含了jQuery UI的源代码.示例及文档.文件下载完成后,把它解压缩到一个名为jqueryui的目录中. 现在,这个jqueryui目录包含了以下内

《jQuery UI 开发指南》——2.4 bind ()方法

2.4 bind ()方法 除了在tabs (options)方法的选项中使用事件方法外,jQuery UI还支持使用bind ()方法来管理这些事件.jQuery UI为选项卡创建了不同的事件,在表2-4列出.