jQuery UI 简介

jQuery UI 是一个建立在 jQuery JavaScript 库上的小部件和交互库,您可以使用它创建高度交互的 Web 应用程序。本教程将向您讲解 jQuery UI 是如何工作的。 jQuery UI 特性 简单易用 继承 jQuery 简易使用特性,提供高度抽象接口,短期改善网站易用性。 开源免费 采用 MIT & GPL 双协议授权,轻松满足自由产品至企业产品各种授权需求。 广泛兼容 兼容各主流桌面浏览器。包括IE 6+、Firefox 2+、Safari...

jQuery UI 下载

一旦您对 jQuery UI 有了基本了解,您就可以亲自尝试一下。请从 jQuery UI 网站上的 Download Builder(下载生成器)页面下载 jQuery UI 的副本。 创建自定义 jQuery UI 下载 jQuery UI 的下载生成器(Download Builder)允许您选择您需要下载的组件,为项目获取一个自定义的库版本。创建自定义 jQuery UI 下载需要以下三个步骤: 步骤 1:选择您需要的组件 下载生成器(Download Builder)页面的第一栏列...

jQuery UI 使用

一旦您下载了 jQuery UI,您将得到一个 zip 压缩包,包含下列文件: /css/ /development-bundle/ /js/ index.html 在网页上使用 jQuery UI 在文本编辑器中打开 index.html,您将看到引用了一些外部文件:主题、jQuery 和 jQuery UI。通常情况下,您需要在页面中引用这三个文件,以便使用 jQuery UI 的窗体小部件和交互部件: <link rel="stylesheet" href="css/themename/jquery-ui.custom.css" />...

jQuery UI 定制

jQuery UI 提供了多种定制方式。您已经看到下载生成器(Download Builder)如何定制一个值包含您所需选项的自定义版本,这里还提供了其他定制方式。 jQuery UI 基础:使用选项 jQuery UI 中的每个插件都有一个默认配置,默认配置值一般是根据最基本最常见的使用情况设置的。如果您想要让某个插件设置成非默认值,您可以使用 "options" 重写它的默认设置。选项是一组属性,作为参数传递给 jQuery UI 小部件...

jQuery UI 工作原理

jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。其安装方式与大部分 jQuery 插件的安装方式类似,jQuery UI 的小部件是基于 部件库(Widget Factory) 创建的,小部件库提供了通用的 API。所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Widget)。本教程将通过 进度条(progressbar) 小部件代码实例介绍常见的功能。 安装 为了跟踪部件...

jQuery UI 主题

所有的 jQuery UI 插件都允许开发人员无缝集成 UI 小部件到他们网站或应用程序的外观和感观。每个插件通过 CSS 定义样式,且包含了两层样式信息:标准的 jQuery UI CSS 框架样式和具体的插件样式。 jQuery UI CSS 框架提供了语义表示的类,用来表明小部件内元素的角色,比如标题、内容或可点击区域。这些在所有的小部件中都是一致的,一个可点击的 tab(标签页)、accordion(折叠面板)或 button(按钮)...

jQuery UI ThemeRoller

ThemeRoller 简介 ThemeRoller 是一个 Web 应用程序,为 jQuery UI 设计和下载自定义主题提供了直观的界面。您可以访问 jQuery UI ThemeRoller 进行主题定制。 jQuery UI ThemeRoller 是由波士顿的 Filament Group, Inc 设计和开发的。 ThemeRoller 界面 ThemeRoller 的界面分为不同面板,各面板分别是全局字体和圆角半径设置、小部件容器样式、可点击元素的互动状态,及覆盖和阴影的各种样式。这些面板允...

jQuery UI CSS 框架 API

jQuery UI CSS 框架 jQuery UI 包含了一个强大的 CSS 框架,为了创建自定义 jQuery 小部件而设计的。框架包含了通用的用户界面所需的类,且可使用 jQuery UI ThemeRoller 进行维护。通过使用 jQuery UI CSS 框架创建您自己的 UI 组件。您需采用共享标记公约,以便在插件社区的代码集成。 框架类 下面的 CSS 类根据样式是否是固定的结构化的,或者是否是可主题化的(颜色、字体、背景等),分别定义在ui.cor...

jQuery UI 设计主题

文件结构 主题是以特定的方式来增加他们的易用性。通常,文件目录结构如下所示: themename/ – 您的主题必须完全包含在一个单独的以主题名称命名的文件夹内。 themename/themename.css – 这是基本的 CSS 文件。无论使用了哪个插件,该文件都必须在每个使用主题的页面中引用。该文件应该是轻量级的,只包括要点。 themename/themename.pluginname.css – 您支持的每个插件都需要一个 CSS 文件。插件的名称应...

jQuery UI 部件库(Widget Factory)

jQuery UI 部件库(Widget Factory)是一个可扩展的基础,所有的 jQuery UI 小部件都是在上面进行创建的。使用部件库(Widget Factory)来创建插件,提供了方便的状态管理,同时也为一些常见的任务提供了便捷,比如暴露插件方法,实例化后改变选项等。 通过部件库(Widget Factory)扩展小部件(Widget) 小部件(Widget)方法调用 为什么使用部件库(Widget Factory) 如何使用部件库(Widget Factory)