jQuery基础教程（第3版）

目　 　　 　录

第1章　 　jQuery入门　 　　 　1

1.1　 　jQuery能做什么　 　　 　1

1.2　 　jQuery为什么如此出色　 　　 　2

1.3　 　第一个jQuery驱动的页面　 　　 　3

1.3.1　 　下载jQuery　 　　 　4

1.3.2　 　在HTML文档中引入jQuery　 　　 　4

1.3.3　 　编写jQuery代码　 　　 　7

1.3.4　 　最终结果　 　　 　9

1.4　 　纯JavaScript与jQuery　 　　 　9

1.5　 　开发工具　 　　 　10

1.6　 　小结　 　　 　13

第2章　 　选择元素　 　　 　14

2.1　 　DOM　 　　 　14

2.2　 　 $()函数　 　　 　15

2.3　 　CSS选择符　 　　 　16

2.3.1　 　基于列表项的级别添加样式　 　　 　18

2.3.2　 　属性选择符　 　　 　19

2.3.3　 　为链接添加样式　 　　 　19

2.4　 　自定义选择符　 　　 　21

2.4.1　 　每隔一行为表格添加样式　 　　 　22

2.4.2　 　基于表单的选择符　 　　 　26

2.5　 　DOM遍历方法　 　　 　26

2.5.1　 　为特定单元格添加样式　 　　 　27

2.5.2　 　连缀　 　　 　29

2.6　 　访问DOM元素　 　　 　30

2.7　 　小结　 　　 　31

2.8　 　练习　 　　 　31

第3章　 　事件　 　　 　32

3.1　 　在页面加载后执行任务　 　　 　32

3.1.1　 　代码执行的时机选择　 　　 　32

3.1.2　 　基于一个页面执行多个脚本　 　　 　33

3.1.3　 　缩短代码的简写方式　 　　 　34

3.1.4　 　向.ready()回调函数中传入参数　 　　 　35

3.2　 　简单的事件　 　　 　35

3.2.1　 　简单的样式转换器　 　　 　35

3.2.2　 　启用其他按钮　 　　 　38

3.2.3　 　事件处理程序的环境　 　　 　39

3.2.4　 　进一步合并　 　　 　41

3.2.5　 　简写的事件　 　　 　42

3.3　 　复合事件　 　　 　43

3.3.1　 　显示和隐藏高级特性　 　　 　43

3.3.2　 　突出显示可单击的项　 　　 　45

3.4　 　事件的旅程　 　　 　47

3.5　 　通过事件对象改变事件的旅程　 　　 　49

3.5.1　 　事件目标　 　　 　50

3.5.2　 　停止事件传播　 　　 　50

3.5.3　 　默认操作　 　　 　51

3.5.4　 　事件委托　 　　 　52

3.5.5　 　事件委托的方法　 　　 　54

3.6　 　移除事件处理程序　 　　 　55

3.6.1　 　事件的命名空间　 　　 　56

3.6.2　 　重新绑定事件　 　　 　56

3.7　 　模仿用户操作　 　　 　58

3.8　 　小结　 　　 　62

3.9　 　练习　 　　 　62

第4章　 　样式与动画　 　　 　64

4.1　 　修改内联CSS　 　　 　64

4.2　 　基本的隐藏和显示　 　　 　68

4.3　 　效果和速度　 　　 　70

4.3.1　 　指定显示速度　 　　 　70

4.3.2　 　淡入和淡出　 　　 　71

4.3.3　 　滑上和滑下　 　　 　72

4.3.4　 　复合效果　 　　 　73

4.4　 　创建自定义动画　 　　 　74

4.4.1　 　手工创建效果　 　　 　75

4.4.2　 　一次给多个属性添加动画效果　 　　 　75

4.5　 　并发与排队效果　 　　 　79

4.5.1　 　处理一组元素　 　　 　79

4.5.2　 　处理多组元素　 　　 　82

4.5.3　 　简单概括　 　　 　86

4.6　 　小结　 　　 　87

4.7　 　练习　 　　 　87

第5章　 　操作DOM　 　　 　88

5.1　 　操作属性　 　　 　88

5.1.1　 　非class属性　 　　 　88

5.1.2　 　DOM元素属性　 　　 　92

5.2　 　DOM树操作　 　　 　92

5.2.1　 　重新认识$()函数　 　　 　93

5.2.2　 　创建新元素　 　　 　93

5.2.3　 　插入新元素　 　　 　94

5.2.4　 　移动元素　 　　 　95

5.2.5　 　包装元素　 　　 　96

5.2.6　 　反向插入方法　 　　 　98

5.3　 　复制元素　 　　 　101

5.4　 　内容setter和getter方法　 　　 　104

5.5　 　DOM操作方法的简单归纳　 　　 　107

5.6　 　小结　 　　 　108

5.7　 　练习　 　　 　109

第6章　 　通过AJAX发送数据　 　　 　110

6.1　 　基于请求加载数据　 　　 　110

6.1.1　 　追加HTML　 　　 　111

6.1.2　 　操作JavaScript对象　 　　 　114

6.1.3　 　加载XML文档　 　　 　120

6.2　 　选择数据格式　 　　 　123

6.3　 　向服务器传递数据　 　　 　124

6.3.1　 　执行GET请求　 　　 　124

6.3.2　 　执行POST请求　 　　 　128

6.3.3　 　序列化表单　 　　 　129

6.4　 　为AJAX请求提供不同的内容　 　　 　131

6.5　 　关注请求　 　　 　133

6.6　 　错误处理　 　　 　135

6.7　 　AJAX和事件　 　　 　136

6.8　 　安全限制　 　　 　137

6.9　 　其他工具　 　　 　140

6.9.1　 　低级AJAX方法　 　　 　140

6.9.2　 　修改默认选项　 　　 　141

6.9.3　 　部分加载HTML页面　 　　 　141

6.10　 　小结　 　　 　144

6.11　 　练习　 　　 　144

第7章　 　使用插件　 　　 　145

7.1　 　查找插件和帮助　 　　 　145

7.2　 　使用插件　 　　 　145

7.2.1　 　下载并包含Cycle插件　 　　 　146

7.2.2　 　简单的用法　 　　 　146

7.2.3　 　为插件方法指定参数　 　　 　148

7.2.4　 　参数默认值　 　　 　148

7.2.5　 　其他形式的插件　 　　 　149

7.3　 　jQuery UI插件库　 　　 　151

7.3.1　 　效果　 　　 　151

7.3.2　 　交互组件　 　　 　154

7.3.3　 　部件　 　　 　156

7.3.4　 　ThemeRoller　 　　 　158

7.4　 　小结　 　　 　159

7.5　 　练习　 　　 　159

第8章　 　开发插件　 　　 　160

8.1　 　$别名在插件中的应用　 　　 　160

8.2　 　添加新的全局函数　 　　 　160

8.3　 　添加jQuery对象方法　 　　 　166

8.3.1　 　对象方法的上下文　 　　 　166

8.3.2　 　隐式迭代　 　　 　167

8.3.3　 　方法连缀　 　　 　168

8.4　 　方法的参数　 　　 　169

8.4.1　 　参数映射　 　　 　170

8.4.2　 　默认参数值　 　　 　171

8.4.3　 　回调函数　 　　 　172

8.4.4　 　可定制的默认值　 　　 　173

8.5　 　jQuery UI部件工厂　 　　 　174

8.5.1　 　创建部件　 　　 　175

8.5.2　 　销毁部件　 　　 　177

8.5.3　 　启用和禁用部件　 　　 　177

8.5.4　 　接受部件选项　 　　 　178

8.5.5　 　添加子方法　 　　 　179

8.5.6　 　触发部件事件　 　　 　179

8.6　 　插件设计建议　 　　 　180

8.7　 　小结　 　　 　181

8.8　 　练习　 　　 　181

第9章　 　高级选择符与遍历　 　　 　183

9.1　 　深入选择与遍历　 　　 　183

9.1.1　 　动态筛选表格内容　 　　 　184

9.1.2　 　表格行条纹效果　 　　 　186

9.1.3　 　组合筛选与条纹　 　　 　188

9.1.4　 　更多选择符与遍历方法　 　　 　189

9.2　 　定制与优化选择符　 　　 　190

9.2.1　 　编写定制的选择符插件　 　　 　190

9.2.2　 　选择符的性能问题　 　　 　192

9.3　 　DOM遍历背后的秘密　 　　 　194

9.3.1　 　jQuery对象属性　 　　 　194

9.3.2　 　DOM元素栈　 　　 　196

9.3.3　 　编写DOM遍历方法插件　 　　 　197

9.3.4　 　DOM遍历的性能问题　 　　 　199

9.4　 　小结　 　　 　200

9.5　 　练习　 　　 　201

第10章　 　高级事件处理　 　　 　202

10.1　 　再谈事件　 　　 　202

10.1.1　 　追加数据页面　 　　 　204

10.1.2　 　悬停时显示数据　 　　 　205

10.2　 　事件委托　 　　 　206

10.2.1　 　使用jQuery的委托方法　 　　 　207

10.2.2　 　选择委托方法　 　　 　207

10.2.3　 　早委托　 　　 　208

10.2.4　 　使用上下文参数　 　　 　209

10.3　 　自定义事件　 　　 　210

10.3.1　 　无穷滚动　 　　 　211

10.3.2　 　自定义事件参数　 　　 　212

10.4　 　节流事件　 　　 　213

10.5　 　特殊事件　 　　 　215

10.6　 　小结　 　　 　216

10.7　 　练习　 　　 　217

第11章　 　高级效果　 　　 　218

11.1　 　再谈动画　 　　 　218

11.2　 　观测及中断动画　 　　 　220

11.2.1　 　确定动画状态　 　　 　220

11.2.2　 　中止运行的动画　 　　 　221

11.3　 　全局效果属性　 　　 　222

11.3.1　 　全局禁用所有效果　 　　 　222

11.3.2　 　微调动画的平滑度　 　　 　223

11.3.3　 　定义效果的持续时间　 　　 　223

11.4　 　多属性缓动　 　　 　226

11.5　 　延迟对象　 　　 　226

11.6　 　小结　 　　 　230

11.7　 　练习　 　　 　230

第12章　 　高级DOM操作　 　　 　231

12.1　 　排序表格行　 　　 　231

12.1.1　 　服务器端排序　 　　 　231

12.1.2　 　AJAX排序　 　　 　232

12.1.3　 　JavaScript排序　 　　 　232

12.2　 　移动和插入元素　 　　 　233

12.2.1　 　为已有的文本添加链接　 　　 　234

12.2.2　 　简单的JavaScript数组排序　 　　 　235

12.2.3　 　对DOM元素排序　 　　 　235

12.3　 　在DOM元素中保存数据　 　　 　237

12.3.1　 　执行额外的预先计算　 　　 　238

12.3.2　 　存储非字符串数据　 　　 　239

12.3.3　 　变换排序方向　 　　 　241

12.4　 　使用HTML5自定义数据特性　 　　 　242

12.5　 　使用JSON排序和构建行　 　　 　245

12.5.1　 　修改JSON对象　 　　 　246

12.5.2　 　按需要重新构建内容　 　　 　248

12.6　 　高级特性操作　 　　 　249

12.6.1　 　简捷地创建元素　 　　 　249

12.6.2　 　DOM创建挂钩　 　　 　250

12.7　 　小结　 　　 　252

12.8　 　练习　 　　 　253

第13章　 　高级AJAX　 　　 　254

13.1　 　渐进增强与AJAX　 　　 　254

13.2　 　AJAX错误处理　 　　 　260

13.3　 　jqXHR对象　 　　 　261

13.3.1　 　AJAX承诺　 　　 　262

13.3.2　 　缓存响应　 　　 　263

13.4　 　截流AJAX请求　 　　 　264

13.5　 　扩展AJAX功能　 　　 　265

13.5.1　 　数据类型转换器　 　　 　265

13.5.2　 　AJAX预过滤器　 　　 　270

13.5.3　 　替代传输方式　 　　 　270

13.6　 　小结　 　　 　274

13.7　 　练习　 　　 　274

附录A　 　JavaScript闭包　 　　 　275

附录B　 　使用QUnit测试JavaScript　 　　 　289

附录C　 　快速参考　 　　 　297

附录D　 　jQuery 1.7简介　 　　 　313

......(更多)