jQuery UI 设计主题
文件结构
主题是以特定的方式来增加他们的易用性。通常，文件目录结构如下所示：
themename/ – 您的主题必须完全包含在一个单独的以主题名称命名的文件夹内。
themename/themename.css – 这是基本的 CSS 文件。无论使用了哪个插件，该文件都必须在每个使用主题的页面中引用。该文件应该是轻量级的，只包括要点。
themename/themename.plugi……继续阅读 »
2年前 (2022-06-15) 215浏览 0评论
0个赞
jQuery UI 定制
jQuery UI 提供了多种定制方式。您已经看到下载生成器（Download Builder）如何定制一个值包含您所需选项的自定义版本，这里还提供了其他定制方式。
jQuery UI 基础：使用选项
jQuery UI 中的每个插件都有一个默认配置，默认配置值一般是根据最基本最常见的使用情况设置的。如果您想要让某个插件设置成非默认值，您可以使用 "options" 重……继续阅读 »
2年前 (2022-06-14) 105浏览 0评论
0个赞
jQuery UI 实例 – 旋转器（Spinner）
通过向上/向下按钮和箭头键处理，为输入数值增强文本输入功能。
如需了解更多有关 spinner 部件的细节，请查看 API 文档 旋转器部件（Spinner Widget）。
默认功能
默认的旋转器。
<!doctype html>
<html>
<head>
<meta charset="utf-8"……继续阅读 »
2年前 (2022-06-12) 221浏览 0评论
0个赞
jQuery UI API 类别 – 主题（Theming）
jQuery UI 包括一个强大的 CSS 框架，用于创建自定义的 jQuery 小部件。该框架包括涵盖广泛的公共用户界面需求的 Class，并且可以使用 jQuery UI ThemeRoller 进行操纵。通过使用 jQuery UI CSS 框架创建您自己的 UI 组件，您应采用共享标记公约，便于插件社区的代码集成。您可以查看 jQuer……继续阅读 »
2年前 (2022-06-12) 289浏览 0评论
0个赞
jQuery UI API 类别 – 特效核心（Effects Core）
由 jquery.ui.effect.js 提供的功能。除了下面列出的方法，jquery.ui.effect.js 还包括一些 Easings。
API
描述
也属于类别
.addClass()
当动画样式改变时，为匹配的元素集合内的每个元素添加指定的 Class。
特效（Effects） | 方法重载（Method Ov……继续阅读 »
2年前 (2022-06-12) 1319浏览 0评论
0个赞
jQuery UI 实例 – 进度条（Progressbar）
显示一个确定的或不确定的进程状态。
如需了解更多有关 progressbar 部件的细节，请查看 API 文档 进度条部件（Progressbar Widget）。
默认功能
默认的确定的进度条。
<!doctype html>
<html lang="en">
<head>
<meta cha……继续阅读 »
2年前 (2022-06-11) 212浏览 0评论
0个赞
jQuery UI 实例 – 颜色动画（Color Animation）
使用 .animate() 实现颜色动画效果。
如需了解更多有关颜色动画（Color Animation）的细节，请查看 API 文档 颜色动画（Color Animation）。
jQuery UI 捆绑了 jQuery Color 插件，jQuery Color 插件提供了颜色动画及其他许多与颜色相关的实用功能。
动画（Anim……继续阅读 »
2年前 (2022-06-10) 115浏览 0评论
0个赞
jQuery UI CSS 框架 API
jQuery UI CSS 框架
jQuery UI 包含了一个强大的 CSS 框架，为了创建自定义 jQuery 小部件而设计的。框架包含了通用的用户界面所需的类，且可使用 jQuery UI ThemeRoller 进行维护。通过使用 jQuery UI CSS 框架创建您自己的 UI 组件。您需采用共享标记公约，以便在插件社区的代码集成。
框架类
下面的 CSS 类根据……继续阅读 »
2年前 (2022-06-10) 288浏览 0评论
0个赞
jQuery UI 实例 – 切换 Class（Toggle Class）
当动画样式改变时，根据 Class 是否存在以及 switch 参数的值，为匹配的元素集合内的每个元素添加或移除一个或多个 Class。
如需了解更多有关 .toggleClass() 方法的细节，请查看 API 文档 .toggleClass()。
.toggleClass() 演示
点击按钮预览特效。
<!doctyp……继续阅读 »
2年前 (2022-06-10) 109浏览 0评论
0个赞
jQuery UI API 类别 – 实用工具（Utilities）
API
描述
也属于类别
Easings
Easing 函数指定动画在不同点上的行进速度。
部件库（Widget Factory）
使用与所有 jQuery UI 小部件相同的抽象化来创建有状态的 jQuery 插件。
小部件（Widgets）
插件桥（Widget Plugin Bridge）
jQuery.wid……继续阅读 »
2年前 (2022-06-07) 302浏览 0评论
0个赞
jQuery UI 教程
jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器，jQuery UI 都是一个完美的选择。
jQuery UI 包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widge……继续阅读 »
2年前 (2022-06-06) 330浏览 0评论
0个赞
jQuery UI 简介
jQuery UI 是一个建立在 jQuery JavaScript 库上的小部件和交互库，您可以使用它创建高度交互的 Web 应用程序。本教程将向您讲解 jQuery UI 是如何工作的。
jQuery UI 特性
简单易用
继承 jQuery 简易使用特性，提供高度抽象接口，短期改善网站易用性。
开源免费
采用 MIT & GPL 双协议授权，轻松满足自由产品至企业产品各种授权……继续阅读 »
2年前 (2022-06-06) 182浏览 0评论
0个赞
jQuery UI API 类别 – 选择器（Selectors）
API
描述
也属于类别
:data() Selector
选择数据已存储在指定的键下的元素。
UI 核心（UI Core）
:focusable Selector
选择可被聚焦的元素。
UI 核心（UI Core）
:tabbable Selector
选择用户可通过 tab 键聚焦的元素。
UI 核心（UI Core）……继续阅读 »
3年前 (2022-06-05) 239浏览 0评论
0个赞
jQuery UI 实例 – 自动完成（Autocomplete）
根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。
如需了解更多有关 autocomplete 部件的细节，请查看 API 文档 自动完成部件（Autocomplete Widget）。
本章节使用到 search.php 下载。
默认功能
当您在输入域中输入时，自动完成（Autocomplete）部件提供相应的建议。在本……继续阅读 »
3年前 (2022-06-05) 151浏览 0评论
0个赞
jQuery UI 实例 – 滑块（Slider）
拖动手柄来选择一个数值。
如需了解更多有关 slider 部件的细节，请查看 API 文档 滑块部件（Slider Widget）。
默认功能
基本的滑块是水平的，有一个单一的手柄，可以用鼠标或箭头键进行移动。
<!doctype html>
<html lang="en">
<head>
<meta ch……继续阅读 »
3年前 (2022-06-03) 172浏览 0评论
0个赞
jQuery UI 实例 – 隐藏（Hide）
使用自定义效果来隐藏匹配的元素。
如需了解更多有关 .hide() 方法的细节，请查看 API 文档 .hide()。
.hide() 演示
点击按钮预览特效。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<tit……继续阅读 »
3年前 (2022-06-02) 200浏览 0评论
0个赞
jQuery UI API 类别 – 特效（Effects）
jQuery UI 在jQuery 内置的特效上添加了一些功能。jQuery UI 支持颜色动画和 Class 转换，同时也提供了一些额外的 Easings。另外，提供了一套完整的定制特效，供显示和隐藏元素时或者只是添加一些视觉显示时使用。
API
描述
也属于类别
.addClass()
当动画样式改变时，为匹配的元素集合内的每个元素……继续阅读 »
3年前 (2022-06-01) 258浏览 0评论
0个赞
jQuery UI 实例 – 工具提示框（Tooltip）
可自定义的、可主题化的工具提示框，替代原生的工具提示框。
如需了解更多有关 tooltip 部件的细节，请查看 API 文档 工具提示框部件（Tooltip Widget）。
默认功能
悬停在链接上，或者使用 tab 键循环切换聚焦在每个元素上。
<!doctype html>
<html lang="en">
<……继续阅读 »
3年前 (2022-05-30) 269浏览 0评论
0个赞
jQuery UI 如何使用部件库（Widget Factory）
我们将创建一个进度条。正如下面实例所示，这可以通过调用 jQuery.widget() 来完成，它带有两个参数：一个是要创建的插件名称，一个是包含支持插件的函数的对象文字。当插件被调用时，它将创建一个新的插件实例，所有的函数都将在该实例的语境中被执行。这与两种重要方式的标准 jQuery 插件不同。首先，语境是一个对象，不是 DOM 元素。其次，语境……继续阅读 »
3年前 (2022-05-28) 267浏览 0评论
0个赞
jQuery UI 1.10 API 文档
jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。
如果您是 jQuery 新手，您可以先查看 jQuery 教程。
本教程提供了 jQuery UI 1.10 API 文档。如果您使用的是旧版本，我们建议您更新到 jQuery UI 1.10，以便获取最好的支持，充分利用最新的 bug 修复和增强功能。如需了解更……继续阅读 »
3年前 (2022-05-25) 242浏览 0评论
0个赞
jQuery UI 实例 – 部件库（Widget Factory）
使用与所有 jQuery UI 小部件相同的抽象化来创建有状态的 jQuery 插件。
如需了解更多有关部件库（Widget Factory）的细节，请查看 API 文档 部件库（Widget Factory）。
默认功能
该演示展示了一个简单的使用部件库（jquery.ui.widget.js）创建的自定义的小部件。
三个区块是以不同……继续阅读 »
3年前 (2022-05-15) 77浏览 0评论
0个赞
jQuery UI 实例 – 选择（Selectable）
使用鼠标选择单个元素或一组元素。
如需了解更多有关 selectable 交互的细节，请查看 API 文档 可选择小部件（Selectable Widget）。
默认功能
在某个 DOM 元素上或者一组元素上启用 selectable 功能。通过鼠标拖拽选择条目。按住 Ctrl 键，选择多个不相邻的条目。
<!doctype html&g……继续阅读 »
3年前 (2022-05-15) 95浏览 0评论
0个赞
jQuery UI API 类别 – 方法（Methods）
尽管 jQuery UI 主要由 小部件（Widgets）、交互（Interactions） 和 特效（Effects） 组成，但是还有一些简单的方法，增加了便利性。
API
描述
也属于类别
.disableSelection()
禁用选择匹配的元素集合内的文本内容。
UI 核心（UI Core）
.effect()
对一个元素应……继续阅读 »
3年前 (2022-05-15) 95浏览 0评论
0个赞
jQuery UI 为什么使用部件库（Widget Factory）
编写 jQuery 插件与向 jQuery.prototype（通常显示为 $.fn）添加方法一样简单，且需要遵循一些简单的规则，比如返回 this。所以为什么会存在部件库（Widget Factory）？
在本章节中，我们将讲解部件库（Widget Factory）的好处，并了解何时使用它，以及为什么要使用它。
无状态 vs. 有状态插件
大多数……继续阅读 »
3年前 (2022-05-15) 87浏览 0评论
0个赞
