前　　言
第1章　jQuery开发入门/1
1.1　jQuery概述/2
1.1.1　认识jQuery /2
1.1.2　jQuery基本功能/2
1.1.3　搭建jQuery开发环境/3
1.1.4　编写第一个简单的jQuery应用/3
1.1.5　jQuery程序的代码风格/5
1.2　jQuery的简单应用/7
1.2.1　jQuery访问DOM对象/7
1.2.2　jQuery控制DOM对象/7
1.2.3　jQuery控制页面CSS /9
1.3　本章小结/11
第2章　jQuery 选择器/12
2.1　jQuery选择器概述/13
2.1.1　什么是选择器/13
2.1.2　选择器的优势/13
2.2　jQuery选择器详解/17
2.2.1　基本选择器/18
2.2.2　层次选择器/20
2.2.3　简单过滤选择器/22
2.2.4　内容过滤选择器/25
2.2.5　可见性过滤选择器/27
2.2.6　属性过滤选择器/28
2.2.7　子元素过滤选择器/30
2.2.8　表单对象属性过滤选择器/32
2.2.9　表单选择器/34
2.3　综合案例分析—导航条在项目中的应用/37
2.3.1　需求分析/37
2.3.2　效果界面/38
2.3.3　功能实现/38
2.3.4　代码分析/40
2.4　本章小结/41
第3章　jQuery操作DOM /42
3.1　DOM基础/43
3.2　访问元素/44
3.2.1　元素属性操作/45
3.2.2　元素内容操作/49
3.2.3　获取或设置元素值/51
3.2.4　元素样式操作/53
3.3　创建节点元素/58
3.4　插入节点/60
3.4.1　内部插入节点方法/60
3.4.2　外部插入节点方法/64
3.5　复制节点/66
3.6　替换节点/68
3.7　包裹节点/69
3.8　遍历元素/71
3.9　删除元素/73
3.10　综合案例分析—数据删除和图片预览在项目中的应用/75
3.10.1　需求分析/75
3.10.2　效果界面/75
3.10.3　功能实现/77
3.10.4　代码分析/80
3.11　本章小结/81
第4章　jQuery中的事件与应用/82
4.1　事件机制/83
4.2　页面载入事件/85
4.2.1　ready()方法的工作原理/85
4.2.2　ready()方法的几种相同写法/86
4.3　绑定事件/86
4.4　切换事件/90
4.4.1　hover()方法/90
4.4.2　toggle()方法/93
4.5　移除事件/94
4.6　其他事件/96
4.6.1　方法one() /97
4.6.2　方法trigger () /98
4.7　表单应用/100
4.7.1　文本框中的事件应用/100
4.7.2　下拉列表框中的事件应用/104
4.8　列表应用/109
4.9　网页选项卡的应用/114
4.10 　综合案例分析—删除数据时的提示效果在项目中的应用/116
4.10.1　需求分析/116
4.10.2　效果界面/117
4.10.3　功能实现/118
4.10.4　代码分析/121
4.11　本章小结/123
第5章　jQuery的动画与特效/124
5.1　显示与隐藏/125
5.1.1　show()与hide()方法/125
5.1.2　动画效果的show()与hide()方法/126
5.1.3　toggle()方法/128
5.2　滑动/131
5.2.1　slideDown()与slideUp方法/131
5.2.2　slideToggle()方法/134
5.3　淡入淡出/135
5.3.1　fadeIn()与fadeOut()方法/135
5.3.2　fadeTo()方法/137
5.4　自定义动画/139
5.4.1　简单的动画/140
5.4.2　移动位置的动画/141
5.4.3　队列中的动画/144
5.4.4　动画停止和延时/146
5.5　动画效果综述/148
5.5.1　各种动画方法说明/148
5.5.2　使用animate()方法代替其他动画效果/148
5.6　综合案例分析—动画效果浏览相册中的图片/149
5.6.1　需求分析/149
5.6.2　效果界面/149
5.6.3　功能实现/151
5.6.4　代码分析/155
5.7　本章小结/158
第6章　Ajax在jQuery中的应用/159
6.1　加载异步数据/160
6.1.1　传统的JavaScript方法/160
6.1.2　jQuery中的load()方法/162
6.1.3　jQuery中的全局函数getJSON()/164
6.1.4　jQuery中的全局函数getScript()/166
6.1.5　jQuery中异步加载XML文档/168
6.2　请求服务器数据/170
6.2.1　$.get()请求数据/170
6.2.2　$.post()请求数据/172
6.2.3　serialize()序列化表单/175
6.3　$.ajax()方法/177
6.3.1　$.ajax()的基本概念/177
6.3.2　$.ajaxSetup()设置全局Ajax /181
6.4　Ajax中的全局事件/184
6.4.1　Ajax全局事件的基本概念/184
6.4.2　ajaxStart与ajaxStop全局事件/184
6.5　综合案例分析—用Ajax实现新闻点评即时更新/187
6.5.1　需求分析/187
6.5.2　效果界面/187
6.5.3　功能实现/189
6.5.4　代码分析/193
6.6　本章小结/196
第7章　jQuery常用插件/197
7.1　jQuery插件概述/198
7.2　验证插件validate /198
7.3　表单插件form /202
7.4　Cookie插件cookie /205
7.5　搜索插件AutoComplete /209
7.6　图片灯箱插件notesforlightbox /213
7.7　右键菜单插件contextmenu /216
7.8　图片放大镜插件jqzoom /222
7.9　自定义jQuery插件/224
7.9.1　插件的种类/225
7.9.2　插件开发要点/225
7.9.3　开发插件示例/226
7.10　综合案例分析—使用uploadify插件实现文件上传功能 /232
7.10.1 　需求分析/232
7.10.2　效果界面/233
7.10.3　功能实现/234
7.10.4　代码分析/236
7.11　本章小结/241
第8章　jQuery UI插件/242
8.1　认识jQuery UI /243
8.2　jQuery UI交互性插件/244
8.2.1　拖曳插件/244
8.2.2　放置/247
8.2.3　排序插件/250
8.3　jQuery UI微型插件/252
8.3.1　折叠面板插件/252
8.3.2　日历/255
8.3.3　选项卡插件/260
8.3.4　对话框插件/263
8.4　综合案例分析—使用jQuery UI插件以拖动方式管理相册/269
8.4.1　需求分析/269
8.4.2　效果界面/269
8.4.3　功能实现/270
8.4.4　代码分析/274
8.5　本章小结/277
第9章　jQuery实用工具函数/278
9.1　什么是工具函数/279
9.2　工具函数的分类/279
9.2.1　浏览器的检测/279
9.2.2　数组和对象的操作/284
9.2.3　字符串操作/291
9.2.4　测试操作/293
9.2.5　URL操作/297
9.3　工具函数的扩展/299
9.4　其他工具函数—$.proxy() /302
9.5　综合案例分析—使用jQuery扩展工具函数实现对字符串指定类型的检测/305
9.5.1　需求分析/305
9.5.2　效果界面/305
9.5.3　功能实现/306
9.5.4　代码分析/309
9.6　本章小结/311
第10章　jQuery性能优化与最佳实践/312
10.1　优化选择器执行的速度/313
10.1.1　优先使用ID与标记选择器/313
10.1.2　使用jQuery对象缓存/314
10.1.3　给选择器一个上下文/315
10.2　处理选择器中的不规范元素标志/317
10.2.1　选择器中含有特殊符号/317
10.2.2　选择器中含有空格符号/318
10.3　优化事件中的冒泡现象/319
10.4　使用data()方法缓存数据/321
10.5　解决jQuery库与其他库的冲突/326
10.5.1　jQuery在其他库前导入/326
10.5.2　jQuery在其他库后导入/328
10.6　使用子查询优化选择器性能/330
10.7　减少对DOM元素直接操作/332
10.8　正确区分DOM对象与jQuery对象/334
10.8.1　DOM对象与jQuery对象的定义/334
10.8.2　DOM对象与jQuery对象的类型转换/335
10.9　本章小结/337
第11章　综合案例开发/338
案例1：切割图片/339
案例2：在线聊天室/349
本章小结/365
示 例 目 录
第1章　jQuery开发入门/1
示例1-1　编写第一个简单的jQuery程序/4
示例1-2　jQuery事件的链式写法/5
示例1-3　控制DOM对象/7
示例1-4　jQuery控制CSS样式/10
第2章　jQuery 选择器/12
示例2-1　使用JavaScript实现隔行变色/13
示例2-2　使用jQuery选择器实现隔行变色/15
示例2-3　使用JavaScript输出文字信息/16
示例2-4　使用jQuery输出文字信息/17
示例2-5　使用jQuery基本选择器选择元素/18
示例2-6　使用jQuery层次选择器选择元素/20
示例2-7　使用jQuery基本过滤选择器选择元素/22
示例2-8　使用jQuery内容过滤选择器选择元素/25
示例2-9　使用jQuery可见性过滤选择器选择元素/27
示例2-10　使用jQuery属性过滤选择器选择元素/28
示例2-11　使用jQuery子元素过滤选择器选择元素/30
示例2-12　通过表单对象属性过滤选择器获取表单对象/32
示例2-13　使用jQuery表单过滤选择器获取元素/35
综合案例分析—导航条在项目中的应用/37
第3章　jQuery操作DOM /42
示例3-1　创建一个DOM页面文档/43
示例3-2　通过attr(name)方法获取元素的属性/45
示例3-3　设置元素的属性（一）/46
示例3-4　设置元素的属性（二）/48
示例3-5　设置或获取元素的内容/50
示例3-6　设置或获取元素的值/51
示例3-7　直接设置元素样式值/54
示例3-8　增加CSS类别/55
示例3-9　类别切换/57
示例3-10　动态创建节点元素/59
示例3-11　插入节点（一）/62
示例3-12　插入节点（二）/63
示例3-13　外部插入节点/65
示例3-14　复制元素节点/66
示例3-15　替换元素节点/68
示例3-16　包裹元素节点/70
示例3-17　遍历元素/72
示例3-18　删除元素/73
综合案例分析—数据删除和图片预览在项目中的应用/75
第4章　jQuery中的事件与应用/82
示例4-1　事件中的冒泡现象/83
示例4-2　用bind方法绑定事件/87
示例4-3　用映射方式绑定不同的事件/88
示例4-4　用hover方法绑定事件/91
示例4-5　用toggle方法绑定事件/93
示例4-6　用unbind方法移除事件/94
示例4-7　用one方法绑定事件/97
示例4-8　用trigger方法绑定事件/98
示例4-9　文本框中的事件应用/100
示例4-10　下拉列表框中的事件应用/104
示例4-11　列表中的导航菜单应用/109
示例4-12　网页选项卡的应用/114
综合案例分析—删除数据时的提示效果在项目中的应用/116
第5章　jQuery的动画与特效/124
示例5-1　show()与hide()方法简介125
示例5-2　动画效果的show()与hide()方法127
示例5-3　toggle()方法的使用/129
示例5-4　slideDown()与slideUp()方法/132
示例5-5　slideToggle()方法/134
示例5-6　fadeIn()和fadeOut()方法/136
示例5-7　fadeTo()方法/138
示例5-8　简单的动画/140
示例5-9　移动位置的动画/142
示例5-10　队列中的动画/144
示例5-11　动画停止和延时/146
综合案例分析—动画效果浏览相册中的图片/149
第6章　Ajax在jQuery中的应用/159
示例6-1　传统的JavaScript方法实现Ajax功能/160
示例6-2　load()方法实现异步获取数据/162
示例6-3　全局函数getJSON()实现异步获取数据/164
示例6-4　全局函数getScript()实现异步获取数据/166
示例6-5　全局函数get()实现异步获取XML文档数据/168
示例6-6　全局函数get ()向服务器请求数据/171
示例6-7　全局函数post ()向服务器请求数据/173
示例6-8　serialize()序列化表单/175
示例6-9　用$.ajax()方法发送请求/178
示例6-10　$.ajaxSetup()方法全局设置Ajax /181
示例6-11　jQuery中的全局事件/185
综合案例分析—用Ajax实现新闻点评即时更新/187
第7章　jQuery常用插件/197
示例7-1　验证插件的使用/199
示例7-2　表单插件的使用/203
示例7-3　cookie插件的使用/206
示例7-4　搜索插件的使用/209
示例7-5　图片灯箱插件的使用/213
示例7-6　右键菜单插件的使用/217
示例7-7　图片放大镜插件的使用/222
示例7-8　对象级别插件的开发/226
示例7-9　类级别插件的开发/229
综合案例分析—使用uploadify插件实现文件上传功能 /232
第8章　jQuery UI插件/242
示例8-1　使用draggable插件实现对象的拖曳操作/245
示例8-2　使用droppable插件实现对象的放置操作/247
示例8-3　使用sortable插件实现列表中表项的拖曳排序操作/250
示例8-4　使用accordion插件实现页面中多区域的折叠操作/253
示例8-5　使用datepicker插件实现日期选择的基本操作/256
示例8-6　使用datepicker插件实现分段时间的选择/258
示例8-7　使用tabs插件展示选项卡的基本功能/261
示例8-8　使用dialog插件弹出提示和确定信息对话框/264
综合案例分析—使用jQuery UI插件以拖动方式管理相册/269
第9章　jQuery实用工具函数/278
示例9-1　browser对象的使用/280
示例9-2　boxModel对象的使用/282
示例9-3　$.each()函数遍历数组/284
示例9-4　$.each()函数遍历对象/285
示例9-5　$. grep()函数筛选数据/287
示例9-6　$. map()函数变更数据/288
示例9-7　$.inArray()函数搜索数据/290
示例9-8　$.trim()函数除掉字符串左右两边的空格符/292
示例9-9　$.isEmptyObject()函数的使用/293
示例9-10　$.isPlainObject ()函数的使用/295
示例9-11　$.contains()函数的使用/296
示例9-12　使用函数$.param()对数组进行序列化/298
示例9-13　使用函数$.extend()扩展工具函数/300
示例9-14　使用函数$.proxy()改变事件函数的作用域/302
综合案例分析—使用jQuery扩展工具函数实现对字符串指定类型的检测/305
第10章　jQuery性能优化与最佳实践/312
示例10-1　在指定的查找范围内获取DOM元素/315
示例10-2　选择器中含有空格符与不含空格符的区别/318
示例10-3　事件中的target方法优化冒泡现象/320
示例10-4　使用data()方法在元素上存取移除数据/322
示例10-5　使用data()方法在元素上存取移除JSON格式的数据/323
示例10-6　解决jQuery库先于其他库导入时，变量“$”的使用权问题/326
示例10-7　解决jQuery库后于其他库导入时，变量“$”的使用权问题/328
示例10-8　使用子查询优化选择器性能/330
示例10-9　减少对DOM元素直接操作/332
示例10-10　DOM对象与jQuery对象的类型转换/335
第11章　综合案例开发/338
案例1：切割图片/339
案例2：在线聊天室/349