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 可以被添加书签。例如,您可以查看 折叠面板部件填充空间 实例演示页面。

  • 内容列表

jQuery UI 简介
jQuery UI 下载
jQuery UI 使用
jQuery UI 定制
jQuery UI 工作原理
jQuery UI 主题
jQuery UI ThemeRoller
jQuery UI CSS 框架 API
设计主题
部件库(Widget Factory)
通过部件库(Widget Factory)扩展小部件(Widget)
小部件(Widget)方法调用
为什么使用部件库(Widget Factory)
如何使用部件库(Widget Factory)

  • 参考手册

jQuery UI API 文档
特效(Effects)
特效核心(Effects Core)
交互(Interactions)
方法重载(Method Overrides)
方法(Methods)
选择器(Selectors)
主题(Theming)
UI 核心(UI Core)
实用工具(Utilities)
小部件(Widgets)

  • jQuery UI 教程目录

jQuery UI 教程
jQuery UI 简介
jQuery UI 下载
jQuery UI 使用
jQuery UI 定制
jQuery UI 工作原理

jQuery UI 主题
jQuery UI 主题
jQuery UI ThemeRoller
jQuery UI CSS 框架 API
jQuery UI 设计主题

jQuery UI 部件库
jQuery UI 部件库
jQuery UI 扩展小部件
jQuery UI 小部件方法调用
jQuery UI 为什么使用部件库
jQuery UI 如何使用部件库

jQuery UI 参考手册
jQuery UI API 文档
API 类别 - 特效
API 类别 - 特效核心
API 类别 - 交互
API 类别 - 方法重载
API 类别 - 方法
API 类别 - 选择器
API 类别 - 主题
API 类别 - UI 核心
API 类别 - 实用工具
API 类别 - 小部件

jQuery UI 实例
jQuery UI 实例
拖动(Draggable)
放置(Droppable)
缩放(Resizable)
选择(Selectable)
排序(Sortable)
折叠面板(Accordion)
自动完成(Autocomplete)
按钮(Button)
日期选择器(Datepicker)
对话框(Dialog)
菜单(Menu)
进度条(Progressbar)
滑块(Slider)
旋转器(Spinner)
标签页(Tabs)
工具提示框(Tooltip)
特效(Effect)
显示(Show)
隐藏(Hide)
切换(Toggle)
.addClass()
.removeClass()
.toggleClass()
.switchClass()
颜色动画
定位(Position)
部件库(Widget Factory)

时间: 2024-11-01 07:21:45

jQuery UI 教程的相关文章

【js组件】jquery ui使用教程

jquery ui是jquery一个组件库,一直在更新维护中,phpstorm中也合并提示,在开发产品中能根据需求轻松加载所需要的组件. 1.phpstorm中配置jquery ui 提示组件 setting-->javascript-->libraries开打javascript字典功能界面,然后点击"Download"下载jquery ui字典提示插件 2.教程,jquery ui详尽教程. http://www.w3cschool.cc/jqueryui/jquery

JavaScript强化教程——jQuery UI API 类别

主要介绍:JavaScript强化教程-- jQuery UI API 类别 jQuery UI 在jQuery 内置的特效上添加了一些功能.jQuery UI 支持颜色动画和 Class 转换,同时也提供了一些额外的 Easings.另外,提供了一套完整的定制特效,供显示和隐藏元素时或者只是添加一些视觉显示时使用. API     描述      也属于类别 .addClass()     当动画样式改变时,为匹配的元素集合内的每个元素添加指定的 Class. 特效核心(Effects Cor

jquery ui动态切换主题的一种实现方式

这两天看coreservlets上的jQuery教程,虽然比较老了,不过讲得还是不错. 最后一部分讲jQuery ui 主题切换,用他介绍的方法实现不了.于是自己修改了下,可以了. 代码如下: html部分: <fieldset class="ui-widget"> <legend>Changing Themes (Skins) at Run Time</legend> <div class="ui-widget-content ui

jQuery UI基本使用方法

其实jQuery UI早就在我的学习计划中,只不过因为计划安排始终处于待命状态,最近项目要用到jQuery UI,就提前学习一下,也想能够封装自己的UI库,这样就不用老按照别人的套路走了,像使用jQuery UI的时候,连DOM结构都要按照他们写的来,一个div里面必须包含一个h3才有用,用h2就没用了,这样的框架延伸性太差了吧,还是自己的东西好用! 本篇笔记为jQuery UI的使用笔记,深入到具体封装层面的待我以后读了源码再来写更深入的笔记,目前仅为快速学习,为了跟上项目. 1.如何引入 涉

jQuery UI 实例 - 日期选择器(Datepicker)

默认功能 日期选择器(Datepicker)绑定到一个标准的表单 input 字段上.把焦点移到 input 上(点击或者使用 tab 键),在一个小的覆盖层上打开一个交互日历.选择一个日期,点击页面上的任意地方(输入框即失去焦点),或者点击 Esc 键来关闭.如果选择了一个日期,则反馈显示为 input 的值. <!doctype html> <html lang="en"> <head> <meta charset="utf-8&

jQuery ui背景色动态渐变导航菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

jQuery 入门教程(一): 概述

jQuery是一套跨浏览器的JavaScript函式库,简化HTML与JavaScript之间的操作,下面为摘自Wikepedia上的jQuery说明: jQuery 是开源软件,使用MIT许可证授权.[4] jQuery的语法设计使得许多操作变得容易,如操作文档对象(document).选择DOM元素.创建动画效果.处理事件.以及开发Ajax程序.jQuery 也提供了给开发人员在其上创建插件的能力.这使开发人员可以对底层交互与动画.高级效果和高级主题化的组件进行抽象化.模块化的方式使 jQu

JQuery插件开发教程

原文:JQuery插件开发教程 要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统.这好比大公司们争相做平台一样,得平台者得天下.苹果,微软,谷歌等巨头,都有各自的平台及生态圈. 学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件.如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择. 本教程可能不是最精品的,但一定是最细致的. jQuery插件开发模式 软件开发过程中是需要一定的

solr进阶八:jQuery UI Autocomplete与solr搜索结合

大致的流程: 页面捕获到文字 --> 传到servlet(Controller)层,servlet层调用后台 --> 后台根据servlet层传来的参数进行动态从solr中获取数据 --> solr 数据返回到servlet层,解析 --> 展现到页面上. 在solr里面新建一个core,在MySQL数据库里面新建一个表,从这个表导入数据到solr的core中,具体步骤可以上网查或者看我前面的教程. SQL语句: SET FOREIGN_KEY_CHECKS=0; -- -----