首页 教程 JavaScript 开发教程 jQuery UI 技术教程
第1课 • jQuery UI 教程第2课 • jQuery UI 简介第3课 • jQuery UI 下载第4课 • jQuery UI 使用第5课 • jQuery UI 定制第6课 • jQuery UI 工作原理第7课 • jQuery UI 主题第8课 • jQuery UI ThemeRoller第9课 • jQuery UI CSS 框架 API第10课 • jQuery UI 设计主题第11课 • jQuery UI 部件库第12课 • jQuery UI 通过部件库扩展小部件第13课 • jQuery UI 小部件方法调用第14课 • jQuery UI 为什么使用部件库第15课 • jQuery UI 如何使用部件库第16课 • jQuery UI API 文档第17课 • jQuery UI API 类别 – 特效第18课 • jQuery UI API 类别 – 特效核心第19课 • jQuery UI API 类别 – 交互第20课 • jQuery UI API 类别 – 方法重载第21课 • jQuery UI API 类别 – 方法第22课 • jQuery UI API 类别 – 选择器第23课 • jQuery UI API 类别 – 主题第24课 • jQuery UI API 类别 – UI 核心第25课 • jQuery UI API 类别 – 实用工具第26课 • jQuery UI API 类别 – 小部件第27课 • jQuery UI 实例第28课 • jQuery UI 实例 – 拖动(Draggable)第29课 • jQuery UI 实例 – 放置(Droppable)第30课 • jQuery UI 实例 – 缩放(Resizable)第31课 • jQuery UI 实例 – 选择(Selectable)第32课 • jQuery UI 实例 – 排序(Sortable)第33课 • jQuery UI 实例 – 折叠面板(Accordion)第34课 • jQuery UI 实例 – 自动完成(Autocomplete)第35课 • jQuery UI 实例 – 按钮(Button)第36课 • jQuery UI 实例 – 日期选择器(Datepicker)第37课 • jQuery UI 实例 – 对话框(Dialog)第38课 • jQuery UI 实例 – 菜单(Menu)第39课 • jQuery UI 实例 – 进度条(Progressbar)第40课 • jQuery UI 实例 – 滑块(Slider)第41课 • jQuery UI 实例 – 旋转器(Spinner)第42课 • jQuery UI 实例 – 标签页(Tabs)第43课 • jQuery UI 实例 – 工具提示框(Tooltip)第44课 • jQuery UI 实例 – 特效(Effect)第45课 • jQuery UI 实例 – 显示(Show)第46课 • jQuery UI 实例 – 隐藏(Hide)第47课 • jQuery UI 实例 – 切换(Toggle)第48课 • jQuery UI 实例 – 添加 Class(Add Class)第49课 • jQuery UI 实例 – 移除 Class(Remove Class)第50课 • jQuery UI 实例 – 切换 Class(Toggle Class)第51课 • jQuery UI 实例 – 转换 Class(Switch Class)第52课 • jQuery UI 实例 – 颜色动画(Color Animation)第53课 • jQuery UI 实例 – 定位(Position)第54课 • jQuery UI 实例 – 部件库(Widget Factory)

jQuery UI 教程

jQuery UI 教程

jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。

jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Widget)。

现在开始学习 jQuery UI!

从实例开始

为了更好地体验什么是 jQuery UI,请查看 jQuery UI 实例

在实例演示部分,导航列出了 jQuery UI 提供的所有交互部件和小部件。选择一个交互部件或小部件,您将看到特定插件的一些演示配置。在每个演示中,您可以查看源代码,更改主题,且 URL 可以被添加书签。例如,您可以查看 折叠面板部件填充空间 实例演示页面。

内容列表

参考手册