《UI设计》专题

所属类别 特效（Effects） | 特效核心（Effects Core） | 方法重载（Method Overrides） | 方法（Methods） 用法 描述：使用自定义效果来显示或隐藏匹配的元素。 返回：jQuery.toggle( effect [, options ] [, duration ] [, complete ] ) 参数 类型 描述 默认值 effect String 一个

所属类别 特效（Effects） | 特效核心（Effects Core） | 方法重载（Method Overrides） 用法 描述：当动画样式改变时，为匹配的元素集合内的每个元素添加和移除指定的 Class。 返回：jQuery.switchClass( removeClassName, addClassName [, duration ] [, easing ] [, complete ]

所属类别 特效（Effects） | 特效核心（Effects Core） | 方法重载（Method Overrides） | 方法（Methods） 用法 描述：使用自定义效果来显示匹配的元素。 返回：jQuery.show( effect [, options ] [, duration ] [, complete ] ) 参数 类型 描述 默认值 effect String 一个字符串，指

所属类别 特效（Effects） | 特效核心（Effects Core） | 方法重载（Method Overrides） 用法 描述：当动画样式改变时，为匹配的元素集合内的每个元素移除指定的 Class。 返回：jQuery.removeClass( className [, duration ] [, easing ] [, complete ] ) 参数 类型 描述 默认值 classNa

所属类别 特效（Effects） | 特效核心（Effects Core） | 方法重载（Method Overrides） | 方法（Methods） 用法 描述：使用自定义效果来隐藏匹配的元素。 返回：jQuery.hide( effect [, options ] [, duration ] [, complete ] ) 参数 类型 描述 默认值 effect String 一个字符串，指

所属类别 特效（Effects） | 特效核心（Effects Core） | 方法（Methods） 用法 描述：对一个元素应用动画特效。 返回：jQuery.effect( effect [, options ] [, duration ] [, complete ] ) 参数 类型 描述 默认值 effect String 一个字符串，指示要使用哪一种特效。 options Object 特

所属类别 特效（Effects） | 特效核心（Effects Core） | 方法重载（Method Overrides） 用法 描述：当动画样式改变时，为匹配的元素集合内的每个元素添加指定的 Class。 返回：jQuery.addClass( className [, duration ] [, easing ] [, complete ] ) 参数 类型 描述 默认值 className

Easing 函数指定动画在不同点上的行进速度。jQuery 核心带有两个 easings：一个是 linear，整个动画以一个不变的速度行进；另一个是 swing（jQuery 核心默认的 easing），行进速度在动画开始和结束时比在动画中间时稍慢。jQuery UI 提供了一些额外的 easing 函数，范围从摆动行为上的变化到定制特效，比如弹跳。 一些 easings 会在动画中产生负值。

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

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

一旦您下载了 jQuery UI，您将得到一个 zip 压缩包，包含下列文件： /css/ /development-bundle/ /js/ index.html 在网页上使用 jQuery UI 在文本编辑器中打开 index.html，您将看到引用了一些外部文件：主题、jQuery 和 jQuery UI。通常情况下，您需要在页面中引用这三个文件，以便使用 jQuery UI 的窗体小部件和

一旦您对 jQuery UI 有了基本了解，您就可以亲自。请从 jQuery UI 网站上的 Download Builder（下载生成器） 页面下载 jQuery UI 的副本。 创建自定义 jQuery UI 下载 jQuery UI 的下载生成器（Download Builder）允许您选择您需要下载的组件，为项目获取一个自定义的库版本。创建自定义 jQuery UI 下载需要以下三个步骤：

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

jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器，jQuery UI 都是一个完美的选择。 jQuery UI 包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使

UI 事件指的是那些不一定与用户操作有关的事件。这些事件在DOM规范出现之前，都是以这种或那种形式存在的，而在DOM 规范中保留是为了向后兼容。现有的UI 事件如下。 DOMActivate：表示元素已经被用户操作（通过鼠标或键盘）激活。这个事件在DOM3 级事件中被废弃，但Firefox 2+和Chrome 支持它。考虑到不同浏览器实现的差异，不建议使用这个事件。 load：当页面完全加载后在w