第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 j Query 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