jQuery Cookbook中文版电子书

内容提要

撰稿人

各章节作者

技术编辑

前言

第1章 jQuery基础

1.0 导言

1.1 在HTML页面中包含jQuery程序库代码

1.2 在DOM加载之后、整个页面加载之前执行jQuery/JavaScript代码

1.3 用选择器和jQuery函数选择DOM元素

1.4 在指定上下文中选择DOM元素

1.5 过滤DOM元素包装器集

1.6 查找当前选择包装器集中的后代元素

1.7 返回破坏性修改之前的选择

1.8 将前一个选择集包含到当前选择集

1.9 根据当前上下文遍历DOM获得新的DOM元素集

1.10 创建、操作和插入DOM元素

1.11 删除DOM元素

1.12 替换DOM元素

1.13 克隆DOM元素

1.14 获取、设置和删除DOM元素属性

1.15 获取和设置HTML内容

1.16 获取和设置文本内容

1.17 在不造成全局冲突的情况下使用$别名

第2章 用jQuery 选择元素

2.0 导言

2.1 仅选择子元素

2.1.1 问题

2.1.2 解决方案

2.1.3 讨论

2.2 选择特定的兄弟元素

2.2.1 问题

2.2.2 解决方案

2.2.3 讨论

2.3 按照索引顺序选择元素

2.3.1 问题

2.3.2 解决方案

2.3.3 讨论

2.4 选择当前动画元素

2.4.1 问题

2.4.2 解决方案

2.4.3 讨论

2.5 根据包含的内容选择元素

2.5.1 问题

2.5.2 解决方案

2.5.3 讨论

2.6 选择不匹配的元素

2.6.1 问题

2.6.2 解决方案

2.6.3 讨论

2.7 根据可见性选择元素

2.7.1 问题

2.7.2 解决方案

2.7.3 讨论

2.8 根据属性选择元素

2.8.1 问题

2.8.2 解决方案

2.8.3 讨论

2.9 按照类型选择表单元素

2.9.1 问题

2.9.2 解决方案

2.9.3 讨论

2.10 选择有具体特性的元素

2.10.1 问题

2.10.2 解决方案

2.10.3 讨论

2.11 使用上下文参数

2.11.1 问题

2.11.2 解决方案

2.11.3 讨论

2.12 创建一个子定义过滤器选择器

2.12.1 问题

2.12.2 解决方案

2.12.3 讨论

第3章 超越基础

3.0 导言

3.1 循环读取选择结果集合

3.1.1 问题

3.1.2 解决方案

3.1.3 讨论

3.2 将选择集缩减为某个特定项

3.2.1 问题

3.2.2 解决方案

3.2.3 讨论

3.3 将选中的jQuery对象转换为原始DOM对象

3.3.1 问题

3.3.2 解决方案

3.3.3 讨论

3.4 获得选择集中某个元素的索引

3.4.1 问题

3.4.2 解决方案

3.4.3 讨论

3.5 从现有数组中建立独特的数组

3.5.1 问题

3.5.2 解决方案

3.5.3 讨论

3.6 在选择集合的子集上执行某项操作

3.6.1 问题

3.6.2 解决方案

3.6.3 讨论

3.7 配置jQuery，避免与其他程序库冲突

3.7.1 问题

3.7.2 解决方案

3.7.3 讨论

3.8 用插件增加功能

3.8.1 问题

3.8.2 解决方案

3.8.3 讨论

3.9 确定使用的到底是哪一个查询

3.9.1 问题

3.9.2 解决方案

3.9.3 讨论

第4章 jQuery工具

4.0 导言

4.1 用jQuery.suppoert检测功能

4.1.1 问题

4.1.2 解决方案

4.1.3 讨论

4.2 用jQuery.each循环读取数组和对象

4.2.1 问题

4.2.2 解决方案

4.2.3 讨论

4.3 用jQuery.grep过滤数组

4.3.1 问题

4.3.2 解决方案

4.3.3 讨论

4.4 用jQuery.map循环修改数组元素

4.4.1 问题

4.4.2 解决方案

4.4.3 讨论

4.5 用jQuery.merge合并两个数组

4.5.1 问题

4.5.2 解决方案

4.5.3 讨论

4.6 用jQuery.unique过滤重复的数组元素

4.6.1 问题

4.6.2 解决方案

4.6.3 讨论

4.7 用jQuery.isFunction测试回调函数

4.7.1 问题

4.7.2 解决方案

4.7.3 讨论

4.8 用jQuery.trim从字符串或者表单值中删除空格

4.8.1 问题

4.8.2 解决方案

4.8.3 讨论

4.9 用jQuery.data将对象和数据附加到DOM中

4.9.1 问题

4.9.2 解决方案

4.9.3 讨论

4.10 用jQuery.extend扩展对象

4.10.1 问题

4.10.2 解决方案

4.10.3 讨论

第5章 更快、更简单、更有趣

5.0 引言

5.1 这不是jQuery，而是JavaScript

5.1.1 问题

5.1.2 解决方案

5.1.3 讨论

5.2 $（this）出了什么问题

5.2.1 问题

5.2.2 解决方案

5.2.3 讨论

5.3 删除多余的重复

5.3.1 问题

5.3.2 解决方案1

5.3.3 解决方案2

5.3.4 讨论

5.4 格式化jQuery链

5.4.1 问题

5.4.2 解决方案

5.4.3 讨论

5.5 从其他程序库借用代码

5.5.1 问题

5.5.2 解决方案

5.5.3 讨论

5.6 编写自定义迭代器

5.6.1 问题

5.6.2 解决方案

5.6.3 讨论

5.7 切换属性

5.7.1 问题

5.7.2 解决方案

5.7.3 讨论

5.8 寻找瓶颈

5.8.1 问题

5.8.2 解决方案

5.8.3 讨论

5.9 缓存jQuery对象

5.9.1 问题

5.9.2 解决方案

5.9.3 讨论

5.10 编写更快的选择器

5.10.1 问题

5.10.2 解决方案

5.10.3 讨论

5.11 更快地加载表格

5.11.1 问题

5.11.2 解决方案

5.11.3 讨论

5.12 编写基本的循环代码

5.12.1 问题

5.12.2 解决方案

5.12.3 讨论

5.13 减少名称查找

5.13.1 问题

5.13.2 解决方案

5.13.3 讨论

5.14 用.innerHTML更快地更新DOM

5.14.1 问题

5.14.2 解决方案

5.14.3 讨论

5.15 分解方法链

5.15.1 问题

5.15.2 解决方案

5.15.3 讨论

5.16 这是jQuery的缺陷吗

5.16.1 问题

5.16.2 解决方案

5.16.3 讨论

5.17 跟踪jQuery

5.17.1 问题1

5.17.2 解决方案1

5.17.3 问题2

5.17.4 解决方案2

5.17.5 讨论

5.18 减少服务器请求的数量

5.18.1 问题

5.18.2 解决方案

5.18.3 讨论

5.19 编写无干扰式的JavaScript

5.19.1 问题

5.19.3 讨论

5.20 将jQuery用于渐进增强

5.20.1 问题

5.20.2 解决方案

5.20.3 讨论

5.21 使页面易于访问

5.21.1 问题

5.21.2 解决方案

5.21.3 讨论

第6章 尺寸

6.0 引言

6.1 求取窗口和文档的尺寸

6.1.1 问题

6.1.2 解决方案

6.1.3 讨论

6.2 求取元素的尺寸

6.2.1 问题

6.2.2 解决方案

6.2.3 讨论

6.3 求取元素的偏移量

6.3.1 问题

6.3.2 解决方案

6.3.3 讨论

6.4 滚动元素使其可见

6.4.1 问题

6.4.2 解决方案：滚动整个窗口

6.4.3 解决方案：在一个元素中滚动

6.5 确定元素是否在视区内

6.5.1 问题

6.5.2 解决方案

6.6 将元素放在视区的中央

6.6.1 元素

6.6.2 解决方案

6.7 在当前位置绝对定位一个元素

6.7.1 问题

6.7.2 解决方案

6.8 按照与另一个元素的相对位置定位元素

6.8.1 问题

6.8.2 解决方案

6.9 根据浏览器宽度切换样式表

6.9.1 问题

6.9.2 解决方案

6.9.3 解决方案1：修改正文元素的类

6.9.4 解决方案2：修改负责设置与尺寸相关样式的样式表的href属性

6.9.5 解决方案3：在页面中包含所有与尺寸相关的样式表，但一次只启用一个

6.9.6 讨论

第7章 特效

7.0 导言

7.0.1 动画方法

7.0.2 动画速度

7.0.3 特效模板

7.1 滑动和淡入/淡出元素

7.1.1 问题

7.1.2 解决方案

7.1.3 讨论

7.2 通过向上滑动使元素可见

7.2.1 问题

7.2.2 解决方案

7.2.3 讨论

7.3 创建水平折叠特效

7.3.1 问题

7.3.2 解决方案

7.3.3 讨论

7.4 同时滑动和淡入/淡出元素

7.4.1 解决方案

7.4.2 讨论

7.5 应用连续的特效

7.5.1 问题

7.5.2 解决方案

7.5.3 讨论

7.6 确定元素目前是否处于动画中

7.6.1 问题

7.6.2 解决方案

7.6.3 讨论

7.7 停止和复位动画

7.7.1 问题

7.7.2 解决方案

7.7.3 讨论

7.8 为特效使用自定义的缓动方法

7.8.1 问题

7.8.2 解决方案

7.8.3 讨论

7.9 禁用所有特效

7.9.1 问题

7.9.2 解决方案

7.9.3 讨论

7.10 将jQuery UI用于高级特效

7.10.1 问题

7.10.2 解决方案

7.10.3 讨论

第8章 事件

8.0 导言

8.1 将一个事件处理程序用于许多事件

8.1.1 问题

8.1.2 解决方案

8.1.3 讨论

8.2 对不同的数据重用处理程序函数

8.2.1 问题

8.2.2 解决方案

8.2.3 讨论

8.3 删除整组事件处理程序

8.3.1 问题

8.3.2 解决方案

8.3.3 讨论

8.4 触发特定事件处理程序

8.4.1 问题

8.4.2 解决方案

8.4.3 讨论

8.5 向事件处理程序传递动态数据

8.5.1 问题

8.5.2 解决方案

8.5.3 讨论

8.6 尽早访问元素（在document.ready之前）

8.6.1 问题

8.6.2 解决方案

8.6.3 讨论

8.7 停止处理程序执行循环

8.7.1 问题

8.7.2 解决方案

8.7.3 讨论

8.8 在使用event.target时获取正确的元素

8.8.1 问题

8.8.2 解决方案

8.8.3 讨论

8.9 避免多个hover()动画并行显示

8.9.1 问题

8.9.2 解决方案

8.9.3 讨论

8.10 使事件处理程序适用于新添加的元素

8.10.1 问题

8.10.2 解决方案

8.10.3 讨论

第9章 高级事件

9.0 导言

9.1 在动态加载时运行jQuery

9.1.1 问题

9.1.2 解决方案

9.1.3 讨论

9.2 加速全局事件触发

9.2.1 问题

9.2.2 解决方案

9.2.3 讨论

9.3 创建自己的事件

9.3.1 问题

9.3.2 解决方案

9.3.3 讨论

9.4 让事件处理程序提供需要的数据

9.4.1 问题

9.4.2 解决方案

9.4.3 讨论

9.5 创建事件驱动插件

9.5.1 问题

9.5.2 解决方案

9.5.3 讨论

9.6 在调用jQuery方法时得到通知

9.6.1 问题

9.6.2 解决方案

9.6.3 讨论

9.7 将对象方法作为事件监听器使用

9.7.1 问题

9.7.2 解决方案

9.7.3 讨论

第10章 从头开始增强HTML表单

10.0 导言

10.1 在页面加载时将焦点放在一个文本输入字段上

10.1.1 问题

10.1.2 解决方案

10.1.3 讨论

10.2 禁用和启用表单元素

10.2.1 问题

10.2.2 解决方案1

10.2.3 解决方案2

10.2.4 讨论

10.3 自动选择单选按钮

10.3.1 问题

10.3.2 解决方案1

10.3.3 解决方案2

10.3.4 讨论

10.4 用专用的链接选择（反选）所有复选框

10.4.1 问题

10.4.2 解决方案

10.4.3 讨论

10.5 用一个切换开关选中（反选）所有复选框

10.5.1 问题

10.5.2 解决方案

10.5.3 讨论

10.6 添加和删除Select元素中的选项

10.6.1 问题

10.6.2 解决方案

10.6.3 讨论

10.7 根据字符计数自动跳到下一个控件

10.7.1 问题

10.7.2 解决方案

10.7.3 讨论

10.8 显示剩余字符串计数

10.8.1 问题

10.8.2 解决方案

10.8.3 讨论

10.9 限制文本输入字段内容为特定的字符

10.9.1 问题

10.9.2 解决方案

10.9.3 讨论

10.10 用Ajax提交表单

10.10.1 问题

10.10.2 解决方案

10.10.3 讨论

10.11 验证表单

10.11.1 问题

10.11.2 解决方案

10.11.3 讨论

第11章 用插件增强HTML表单

11.0 导言

11.0.1 基本方法

11.1 验证表单

11.1.1 问题

11.1.2 解决方案

11.1.3 讨论

11.2 创建固定格式的输入字段

11.2.1 问题

11.2.2 解决方案

11.2.3 讨论

11.3 自动补全文本字段

11.3.1 问题

11.3.2 解决方案

11.3.3 讨论

11.4 选择一个取值范围

11.4.1 问题

11.4.2 解决方案

11.4.3 讨论

11.5 输入范围约束值

11.5.1 问题

11.5.2 解决方案

11.5.3 讨论

11.6 在后台上传文件

11.6.1 问题

11.6.2 解决方案

11.6.3 讨论

11.7 限制输入文本的长度

11.7.1 问题

11.7.2 解决方案

11.7.3 讨论

11.8 在输入字段上方显示标签

11.8.1 问题

11.8.2 解决方案

11.8.3 讨论

11.9 根据内容增大输入字段

11.9.1 问题

11.9.2 解决方案

11.9.3 讨论

11.10 选择日期

11.10.1 问题

11.10.2 解决方案

11.10.3 讨论

11.10.4 本地化

第12章 jQuery插件

12.0 导言

12.1 从哪里寻找jQuery插件

12.1.1 问题

12.1.2 解决方案

12.1.3 讨论

12.2 何时应该编写一个jQuery插件

12.2.1 问题

12.2.2 解决方案

12.2.3 讨论

12.3 编写第一个jQuery插件

12.3.1 问题

12.3.2 解决方案

12.3.3 讨论

12.4 向插件传递选项

12.4.1 问题

12.4.2 解决方案

12.4.3 讨论

12.5 在插件中使用$快捷方式

12.5.1 问题

12.5.2 解决方案

12.5.3 讨论

12.6 在插件中包含私有函数

12.6.1 问题

12.6.2 解决方案

12.6.3 讨论

12.7 支持元数据插件

12.7.1 问题

12.7.2 解决方案

12.7.3 讨论

12.8 为插件添加静态函数

12.8.1 问题

12.8.2 解决方案

12.8.3 讨论

12.9 用Qunit对插件进行单元测试

12.9.1 问题

12.9.2 解决方案

12.9.3 讨论

第13章 从头开始创建界面组件

13.0 导言

13.1 创建自定义工具提示

13.1.1 问题

13.1.2 解决方案

13.1.3 讨论

13.2 使用文件树扩展器导航

13.2.1 问题

13.2.2 解决方案

13.2.3 讨论

13.3 展开折叠控件

13.3.1 问题

13.3.2 解决方案

13.3.3 讨论

13.4 选择文档中的不同选项卡

13.4.1 问题

13.4.2 解决方案

13.4.3 讨论

13.5 显示简单的模态窗口

13.5.1 问题

13.5.2 解决方案

13.5.3 讨论

13.6 构建下拉菜单

13.6.1 问题

13.6.2 解决方案

13.6.3 讨论

13.7 交叉消隐的循环图像

13.7.1 问题

13.7.2 解决方案

13.7.3 讨论

13.8 滑动面板

13.8.1 问题

13.8.2 解决方案

13.8.3 讨论

第14章 使用jQuery UI构建用户界面

14.0 导言

14.0.1 交互

14.0.2 窗口组件

14.0.3 特效

14.0.4 基本用法

14.0.5 本章组织结构

14.1 包含整个jQuery UI套件

14.1.1 问题

14.1.2 解决方案

14.1.3 讨论

14.2 包含单独的一两个jQuery UI插件

14.2.1 问题

14.2.2 解决方案

14.2.3 讨论

14.3 用默认选项初始化jQuery UI插件

14.3.1 问题

14.3.2 解决方案

14.3.3 讨论

14.4 用自定义选项初始化jQuery UI插件

14.4.1 问题

14.4.2 解决方案

14.4.3 讨论

14.5 创建你自己的jQuery UI插件默认值

14.5.1 问题

14.5.2 解决方案

14.5.3 讨论

14.6 获取和设置jQuery UI插件选项

14.6.1 问题

14.6.2 解决方案1：获取选项值

14.6.3 解决方案2：设置值

14.6.4 讨论

14.7 调用jQuery UI插件方法

14.7.1 问题

14.7.2 解决方案

14.7.3 讨论

14.8 处理jQuery UI插件事件

14.8.1 问题

14.8.2 解决方案1：向事件名称选项传递一个回调函数

14.8.3 解决方案2：用事件类型绑定自定义事件

14.8.4 讨论

14.9 销毁jQuery UI插件

14.9.1 问题

14.9.2 解决方案

14.9.3 讨论

14.10 创建jQuery音乐播放器

14.10.1 问题

14.10.2 解决方案

第15章 jQuery UI主题

15.0 导言

理解jQuery UI CSS的各个组件

15.1 用ThemeRoller设置jQuery UI窗口组件样式

15.1.1 问题

15.1.2 解决方案

15.1.3 讨论

15.2 覆盖jQuery UI布局和主题样式

15.2.1 问题

15.2.2 解决方案

15.2.3 讨论

15.3 为非jQuery UI组件应用主题

15.3.1 问题

15.3.2 解决方案

15.3.3 讨论

15.4 在一个页面上引用多个主题

15.4.1 问题

15.4.2 解决方案

15.5 附录：其他CSS资源

第16章 jQuery、Ajax、数据格式：HTML、XML、JSON、JSONP

16.0 导言

16.1 jQuery和Ajax

16.1.1 问题

16.1.2 解决方案

16.1.3 讨论

16.2 在整个网站上使用Ajax

16.2.1 问题

16.2.2 解决方案

16.2.3 讨论

16.3 使用带有用户反馈的简单Ajax

16.3.1 问题

16.3.2 解决方案

16.3.3 讨论

16.4 使用Ajax快捷方法和数据类型

16.4.1 问题

16.4.2 解决方案

16.4.3 讨论

16.5 使用HTML片段和jQuery

16.5.1 问题

16.5.2 解决方案

16.5.3 讨论

16.6 将XML转换为DOM

16.6.1 问题

16.6.2 解决方案

16.6.3 讨论

16.7 创建JSON

16.7.1 问题

16.7.2 解决方案

16.7.3 讨论

16.8 解析JSON

16.8.1 问题

16.8.2 解决方案

16.8.3 讨论

16.9 使用jQuery和JSONP

16.9.1 问题

16.9.2 解决方案

16.9.3 讨论

第17章 在大项目中使用jQuery

17.0 导言

17.1 使用客户端存储

17.1.1 问题

17.1.2 解决方案

17.1.3 讨论

17.2 为单个会话保存应用程序状态

17.2.1 问题

17.2.2 解决方案

17.2.3 讨论

17.3 在会话之间保存应用程序状态

17.3.1 问题

17.3.2 解决方案

17.3.3 讨论

17.4 使用JavaScript模板引擎

17.4.1 问题

17.4.2 解决方案

17.4.3 讨论

17.5 Ajax请求队列

17.5.1 问题

17.5.2 解决方案

17.5.3 讨论

17.6 处理Ajax和后退按钮

17.6.1 问题

17.6.2 解决方案

17.6.3 讨论

17.7 将JavaScript放在页面的最后

17.7.1 问题

17.7.2 解决方案

17.7.3 讨论

第18章 单元测试

18.0 导言

18.1 自动化单元测试

18.1.1 问题

18.1.2 解决方案

18.1.3 讨论

18.2 断言结果

18.2.1 问题

18.2.2 解决方案

18.3 测试同步回调

18.3.1 问题

18.3.2 解决方案

18.3.3 讨论

18.4 测试异步回调

18.4.1 问题

18.4.2 解决方案

18.4.3 讨论

18.5 测试用户操作

18.5.1 问题

18.5.2 解决方案

18.5.3 讨论

18.6 保持测试的原子性

18.6.1 问题

18.6.2 解决方案

18.6.3 讨论

18.7 分组测试

18.7.1 问题

18.7.2 解决方案

18.7.3 讨论

18.8 选择运行的测试

18.8.1 问题

18.8.2 解决方案

18.8.3 讨论

后记