当前位置: 首页 > news >正文

[书目20130316]jQuery UI开发指南

第1章 jQuery UI介绍

1.1 jQuery UI的安装

1.2 jQuery UI概览

1.3 什么是CSS主题

1.4 在HTML页面中应该引入哪些文件

1.4.1 未压缩文件

1.4.2 压缩文件

1.5 更换CSS主题

1.6 准备开始

 

第2章 选项卡

2.1 选项卡的基本用法

2.2 格式化内容

2.3 tabs方法

2.3.1 tabs(options)方法

2.3.2 tabs(“action”, params)方法

2.4 bind方法

2.5 使用选项卡的示例

2.5.1 动态创建选项卡

2.5.2 使用Ajax修改选项卡的内容

2.5.3 通过Ajax把信息传输给服务器

2.5.4 使用选项卡的add方法

2.5.5 使用tabsadd事件

 

第3章 折叠菜单

3.1 折叠菜单的基本用法

3.2 格式化内容

3.3 accordion方法

3.3.1 accordion(options)方法

3.3.2 accordion(“action”, params)方法

3.4 在折叠菜单上使用bind管理事件

3.5 使用折叠菜单的示例

3.5.1 打开任意菜单

3.5.2 用Ajax加载菜单内容:使用options

3.5.3 用Ajax加载菜单的内容:使用accordionchange

 

第4章 对话框

4.1 对话框的基本用法

4.2 格式化内容

4.3 dialog方法

4.3.1 dialog(options)方法

4.3.2 dialog(“action”, params)方法

4.4 在对话框中使用bind处理事件

4.5 使用对话框的示例

4.5.1 打开和关闭对话框

4.5.2 在打开或者关闭对话框时应用特效

4.5.3 在关闭对话框时进行验证

4.5.4 隐藏关闭按钮

4.5.5 在对话框中插入按钮

4.5.6 使用Ajax插入内容

4.5.7 使用特效来更改对话框的行为

 

第5章 按钮

5.1 按钮的基本用法

5.2 格式化内容

5.3 button方法

5.3.1 button(options)方法

5.3.2 button(“action”, params)方法

5.4 在按钮上使用bind处理事件

5.5 单选按钮

5.5.1 显示单选按钮

5.5.2 使用buttonset方法改进显示

5.6 复选框

5.6.1 显示复选框

5.6.2 使用buttonset方法改进显示

5.7 使用按钮的示例

5.7.1 在按钮上显示图标

5.7.2 创建计算器

 

第6章 进度条

6.1 进度条的基本用法

6.2 格式化内容

6.3 progressbar方法

6.3.1 progressbar(options)方法

6.3.2 progressbar(“action”, params)方法

6.4 在进度条上使用bind处理事件

6.5 使用进度条的示例

6.5.1 逐渐填充进度条

6.5.2 在完成过程中的不同阶段进行处理

 

第7章 滑块

7.1 滑块的基本用法

7.2 格式化内容

7.3 slider方法

7.3.1 slider(options)方法

7.3.2 slider(“action”, params)方法

7.4 在滑块上使用bind管理事件

7.5 使用滑块的示例

7.5.1 显示单个游标的值

7.5.2 显示两个游标的值

7.5.3 使用滑块来调整图片的透明度

 

第8章 日历

8.1 日历的基本用法

8.2 格式化内容

8.3 datepicker方法

8.3.1 datepicker(options)方法

8.3.2 datepicker(“action”, params)方法

8.4 使用日历的示例

8.4.1 用其他语言显示日历

8.4.2 在日历中显示多个月份

8.4.3 显示静态日历

8.4.4 指定最小及最大日期

8.4.5 禁止选择特定的日期

8.4.6 预先选择任意日期

8.4.7 在选择日期时执行Ajax请求

 

第9章 自动补全

9.1 自动补全的基本用法

9.2 格式化内容

9.3 autocomplete方法

9.3.1 autocomplete(options)方法

9.3.2 autocomplete(“action”, params)方法

9.4 在建议列表上使用bind管理事件

9.5 使用自动补全机制的示例

9.5.1 指定建议列表的宽度

9.5.2 打开HTML页面时即显示建议列表

9.5.3 在输入框获得焦点时显示建议列表

9.5.4 为建议列表的显示营造特效

9.5.5 动态创建建议列表

9.5.6 基于用户输入的数据动态创建建议列表

9.5.7 在建议列表中插入图片

 

第10章 拖放

10.1 draggable方法

10.1.1 draggable(options)方法

10.1.2 draggable(“action”, params)方法

10.2 在移动元素上使用bind管理事件

10.3 使用拖动功能的示例

10.3.1 在移动过程中执行额外处理

10.3.2 给移动施加一些限制

10.4 droppable方法

10.4.1 droppable(options)方法

10.4.2 droppable(“action”, params)方法

10.5 在保管元素上使用bind管理事件

10.6 使用放置功能的示例:购物车

10.6.1 使用拖放功能来创建一辆购物车

10.6.2 给购物车的放置过程添加视觉特效

10.6.3 从购物车中移除图书

 

第11章 选择元素

11.1 选择元素的基本用法

11.2 格式化内容

11.3 selectable方法

11.3.1 selectable(options)方法

11.3.2 selectable(“action”, params)方法

11.4 在选区中使用bind管理事件

11.5 使用选择机制的示例

11.5.1 显示选择序列中的事件发生顺序

11.5.2 禁止选择某特定元素

11.5.3 禁止通过点击来选择元素

11.5.4 管理购物车

 

第12章 页面内的元素调序

12.1 元素调序的基本用法

12.2 格式化内容

12.3 sortable方法

12.3.1 sortable(options)方法

12.3.2 sortable(“action”, params)方法

12.4 使用bind管理元素调换事件

12.5 使用元素调序机制的示例

12.5.1 显示事件出现的顺序

12.5.2 在列表中放置任何元素

 

第13章 缩放

13.1 缩放的基本用法

13.2 格式化内容

13.2 resizable方法

13.2.1 resizable(options)方法

13.3.2 resizable(“action”, params)方法

13.4 在缩放元素上使用bind处理事件

13.5 使用缩放机制的示例

13.5.1 缩放时显示元素的尺寸

13.5.2 缩放时显示元素的位置

13.5.3 在缩放过程中执行动画

13.5.4 创建一个可缩放的文本框

 

第14章 jQuery UI中的视觉特效

14.1 新的视觉特效

14.1.1 effect(effectName, options, duration, callback)方法

14.1.2 blind特效

14.1.3 bounce特效

14.1.4 shake特效

14.1.5 clip特效

14.1.6 drop特效

14.1.7 explode特效

14.1.8 fold特效

14.1.9 highlight特效

14.1.10 puff特效

14.1.11 pulsate特效

14.1.12 scale特效

14.1.13 size特效

14.1.14 slide特效

14.2 show、hide以及toggle方法

14.3 jQuery UI提供的增强的animate方法

14.3.1 管理颜色的CSS属性

14.3.2 新的easing选项值

14.4 使用CSS类生成特效

14.4.1 addClass、removeClass以及toggleClass的增强型方法

14.4.2 switchClass方法

14.4.3 使用toggleClass方法的示例

 

                                <p>第1章 jQuery UI介绍

1.1 jQuery UI的安装

1.2 jQuery UI概览

1.3 什么是CSS主题

1.4 在HTML页面中应该引入哪些文件

1.4.1 未压缩文件

1.4.2 压缩文件

1.5 更换CSS主题

1.6 准备开始

 

第2章 选项卡

2.1 选项卡的基本用法

2.2 格式化内容

2.3 tabs方法

2.3.1 tabs(options)方法

2.3.2 tabs(“action”, params)方法

2.4 bind方法

2.5 使用选项卡的示例

2.5.1 动态创建选项卡

2.5.2 使用Ajax修改选项卡的内容

2.5.3 通过Ajax把信息传输给服务器

2.5.4 使用选项卡的add方法

2.5.5 使用tabsadd事件

 

第3章 折叠菜单

3.1 折叠菜单的基本用法

3.2 格式化内容

3.3 accordion方法

3.3.1 accordion(options)方法

3.3.2 accordion(“action”, params)方法

3.4 在折叠菜单上使用bind管理事件

3.5 使用折叠菜单的示例

3.5.1 打开任意菜单

3.5.2 用Ajax加载菜单内容:使用options

3.5.3 用Ajax加载菜单的内容:使用accordionchange

 

第4章 对话框

4.1 对话框的基本用法

4.2 格式化内容

4.3 dialog方法

4.3.1 dialog(options)方法

4.3.2 dialog(“action”, params)方法

4.4 在对话框中使用bind处理事件

4.5 使用对话框的示例

4.5.1 打开和关闭对话框

4.5.2 在打开或者关闭对话框时应用特效

4.5.3 在关闭对话框时进行验证

4.5.4 隐藏关闭按钮

4.5.5 在对话框中插入按钮

4.5.6 使用Ajax插入内容

4.5.7 使用特效来更改对话框的行为

 

第5章 按钮

5.1 按钮的基本用法

5.2 格式化内容

5.3 button方法

5.3.1 button(options)方法

5.3.2 button(“action”, params)方法

5.4 在按钮上使用bind处理事件

5.5 单选按钮

5.5.1 显示单选按钮

5.5.2 使用buttonset方法改进显示

5.6 复选框

5.6.1 显示复选框

5.6.2 使用buttonset方法改进显示

5.7 使用按钮的示例

5.7.1 在按钮上显示图标

5.7.2 创建计算器

 

第6章 进度条

6.1 进度条的基本用法

6.2 格式化内容

6.3 progressbar方法

6.3.1 progressbar(options)方法

6.3.2 progressbar(“action”, params)方法

6.4 在进度条上使用bind处理事件

6.5 使用进度条的示例

6.5.1 逐渐填充进度条

6.5.2 在完成过程中的不同阶段进行处理

 

第7章 滑块

7.1 滑块的基本用法

7.2 格式化内容

7.3 slider方法

7.3.1 slider(options)方法

7.3.2 slider(“action”, params)方法

7.4 在滑块上使用bind管理事件

7.5 使用滑块的示例

7.5.1 显示单个游标的值

7.5.2 显示两个游标的值

7.5.3 使用滑块来调整图片的透明度

 

第8章 日历

8.1 日历的基本用法

8.2 格式化内容

8.3 datepicker方法

8.3.1 datepicker(options)方法

8.3.2 datepicker(“action”, params)方法

8.4 使用日历的示例

8.4.1 用其他语言显示日历

8.4.2 在日历中显示多个月份

8.4.3 显示静态日历

8.4.4 指定最小及最大日期

8.4.5 禁止选择特定的日期

8.4.6 预先选择任意日期

8.4.7 在选择日期时执行Ajax请求

 

第9章 自动补全

9.1 自动补全的基本用法

9.2 格式化内容

9.3 autocomplete方法

9.3.1 autocomplete(options)方法

9.3.2 autocomplete(“action”, params)方法

9.4 在建议列表上使用bind管理事件

9.5 使用自动补全机制的示例

9.5.1 指定建议列表的宽度

9.5.2 打开HTML页面时即显示建议列表

9.5.3 在输入框获得焦点时显示建议列表

9.5.4 为建议列表的显示营造特效

9.5.5 动态创建建议列表

9.5.6 基于用户输入的数据动态创建建议列表

9.5.7 在建议列表中插入图片

 

第10章 拖放

10.1 draggable方法

10.1.1 draggable(options)方法

10.1.2 draggable(“action”, params)方法

10.2 在移动元素上使用bind管理事件

10.3 使用拖动功能的示例

10.3.1 在移动过程中执行额外处理

10.3.2 给移动施加一些限制

10.4 droppable方法

10.4.1 droppable(options)方法

10.4.2 droppable(“action”, params)方法

10.5 在保管元素上使用bind管理事件

10.6 使用放置功能的示例:购物车

10.6.1 使用拖放功能来创建一辆购物车

10.6.2 给购物车的放置过程添加视觉特效

10.6.3 从购物车中移除图书

 

第11章 选择元素

11.1 选择元素的基本用法

11.2 格式化内容

11.3 selectable方法

11.3.1 selectable(options)方法

11.3.2 selectable(“action”, params)方法

11.4 在选区中使用bind管理事件

11.5 使用选择机制的示例

11.5.1 显示选择序列中的事件发生顺序

11.5.2 禁止选择某特定元素

11.5.3 禁止通过点击来选择元素

11.5.4 管理购物车

 

第12章 页面内的元素调序

12.1 元素调序的基本用法

12.2 格式化内容

12.3 sortable方法

12.3.1 sortable(options)方法

12.3.2 sortable(“action”, params)方法

12.4 使用bind管理元素调换事件

12.5 使用元素调序机制的示例

12.5.1 显示事件出现的顺序

12.5.2 在列表中放置任何元素

 

第13章 缩放

13.1 缩放的基本用法

13.2 格式化内容

13.2 resizable方法

13.2.1 resizable(options)方法

13.3.2 resizable(“action”, params)方法

13.4 在缩放元素上使用bind处理事件

13.5 使用缩放机制的示例

13.5.1 缩放时显示元素的尺寸

13.5.2 缩放时显示元素的位置

13.5.3 在缩放过程中执行动画

13.5.4 创建一个可缩放的文本框

 

第14章 jQuery UI中的视觉特效

14.1 新的视觉特效

14.1.1 effect(effectName, options, duration, callback)方法

14.1.2 blind特效

14.1.3 bounce特效

14.1.4 shake特效

14.1.5 clip特效

14.1.6 drop特效

14.1.7 explode特效

14.1.8 fold特效

14.1.9 highlight特效

14.1.10 puff特效

14.1.11 pulsate特效

14.1.12 scale特效

14.1.13 size特效

14.1.14 slide特效

14.2 show、hide以及toggle方法

14.3 jQuery UI提供的增强的animate方法

14.3.1 管理颜色的CSS属性

14.3.2 新的easing选项值

14.4 使用CSS类生成特效

14.4.1 addClass、removeClass以及toggleClass的增强型方法

14.4.2 switchClass方法

14.4.3 使用toggleClass方法的示例                          

相关文章:

  • K8s创建pod yaml文件详解
  • Sql Server系列:开发存储过程
  • 学Java的能从事前端吗?
  • Find INTCOL#=1001 in col_usage$?
  • 比特币的矿工为什么讨厌开发组Core?
  • 有哪些功能是DBMS_STATS无法实现而Analyze命令可以做到的?
  • Kafka 1.1新功能:数据的路径间迁移
  • Toast 学习
  • AutoCAD 命令统计魔幻球的实现过程--(3)
  • SeimiCrawler 2.0版本变动介绍
  • DNS服务的配置与管理(5) 配置转发器
  • 基于注解实现SpringBoot多数据源配置
  • shell if 参数
  • 换个角度看问题
  • Lr(3)-脚本调试之“参数化、检查点”
  • $translatePartialLoader加载失败及解决方式
  • 【从零开始安装kubernetes-1.7.3】2.flannel、docker以及Harbor的配置以及作用
  • 2018一半小结一波
  • classpath对获取配置文件的影响
  • ES6 ...操作符
  • extract-text-webpack-plugin用法
  • gulp 教程
  • isset在php5.6-和php7.0+的一些差异
  • Javascript Math对象和Date对象常用方法详解
  • JavaScript 基础知识 - 入门篇(一)
  • java第三方包学习之lombok
  • MyEclipse 8.0 GA 搭建 Struts2 + Spring2 + Hibernate3 (测试)
  • tab.js分享及浏览器兼容性问题汇总
  • text-decoration与color属性
  • 案例分享〡三拾众筹持续交付开发流程支撑创新业务
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽
  • 手写一个CommonJS打包工具(一)
  • 深度学习之轻量级神经网络在TWS蓝牙音频处理器上的部署
  • 哈罗单车融资几十亿元,蚂蚁金服与春华资本加持 ...
  • 如何用纯 CSS 创作一个菱形 loader 动画
  • $().each和$.each的区别
  • $.ajax,axios,fetch三种ajax请求的区别
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (4) PIVOT 和 UPIVOT 的使用
  • (DFS + 剪枝)【洛谷P1731】 [NOI1999] 生日蛋糕
  • (Matalb时序预测)PSO-BP粒子群算法优化BP神经网络的多维时序回归预测
  • (带教程)商业版SEO关键词按天计费系统:关键词排名优化、代理服务、手机自适应及搭建教程
  • (一)【Jmeter】JDK及Jmeter的安装部署及简单配置
  • (转)IOS中获取各种文件的目录路径的方法
  • .NET 表达式计算:Expression Evaluator
  • .NET/MSBuild 中的发布路径在哪里呢?如何在扩展编译的时候修改发布路径中的文件呢?
  • .netcore 如何获取系统中所有session_ASP.NET Core如何解决分布式Session一致性问题
  • .NET使用存储过程实现对数据库的增删改查
  • .NET学习教程二——.net基础定义+VS常用设置
  • /dev/sda2 is mounted; will not make a filesystem here!
  • @CacheInvalidate(name = “xxx“, key = “#results.![a+b]“,multi = true)是什么意思
  • @SentinelResource详解
  • @Validated和@Valid校验参数区别
  • [ C++ ] 继承
  • []AT 指令 收发短信和GPRS上网 SIM508/548