第1部分 基础篇 2
第1章 jQuery概述 2
1.1 初识jQuery 2
1.1.1 什么是jQuery 2
1.1.2 jQuery的优势 3
1.1.3 下载jQuery脚本文件和配置jQuery环境 4
1.1.4 第一个简单的jQuery程序 5
1.2 jQuery对象和DOM对象 6
1.2.1 DOM对象 6
1.2.2 jQuery对象 7
1.3 jQuery开发工具 8
1.3.1 使用Dreamweaver编辑jQuery程序 8
1.3.2 调试jQuery程序 9
练习题 9
第2章 JavaScript程序设计 11
2.1 在HTML中使用JavaScript语言 11
2.1.1 在HTML中插入JavaScript代码 11
2.1.2 使用js文件 12
2.2 基本语法 12
2.2.1 数据类型 12
2.2.2 变量 12
2.2.3 注释 13
2.2.4 运算符 13
2.3 常用语句 17
2.3.1 条件分支语句 17
2.3.2 循环语句 21
2.4 函数 24
2.4.1 创建自定义函数 24
2.4.2 调用函数 25
2.4.3 变量的作用域 26
2.4.4 函数的返回值 26
2.5 JavaScript内置对象 27
2.5.1 JavaScript的内置类框架 27
2.5.2 BOM对象编程 31
2.6.JavaScript事件处理 35
2.6.1 常用HTML事件 35
2.6.2 Event对象 37
2.7.JavaScript编辑和调试工具 38
2.7.1 使用Dreamweaver编辑JavaScript程序 38
2.7.2 调试JavaScript程序 40
练习题 42
第2部分 进阶篇 46
第3章 jQuery选择器 46
3.1 基础选择器 46
3.1.1 Id选择器 46
3.1.2 标签名选择器 47
3.1.3 根据元素的CSS类选择 47
3.1.4 选择所有HTML元素 48
3.1.5 同时选择多个HTML元素 49
3.2 层次选择器 50
3.2.1 ancestor descendant（祖先后代）选择器 50
3.2.2 parent＞child（父＞子）选择器 51
3.2.3 prev+next（前＋后）选择器 52
3.2.4 prev～siblings（前～兄弟）选择器 53
3.3 jQuery过滤器 54
3.3.1 基本过滤器 54
3.3.2 内容过滤器 56
3.3.3 可见性过滤器 58
3.3.4 属性过滤器 59
3.3.5 子元素过滤器 61
练习题 62
第4章 使用jQuery操作HTML元素 63
4.1 使用jQuery访问HTML元素的属性和内容 63
4.1.1 使用jQuery获取HTML元素对应的jQuery对象 63
4.1.2 使用jQuery获取和设置HTML元素的内容 65
4.1.3 使用jQuery获取和设置HTML元素的属性 66
4.1.4 使用jQuery删除HTML元素的属性 68
4.1.5 使用jQuery在网页中添加追加内容 68
4.2 使用jQuery管理HTML元素 70
4.2.1 使用jQuery遍历HTML元素 70
4.2.2 使用jQuery检查某个元素是否包含指定元素 71
4.2.3 使用jQuery删除HTML元素 72
4.2.4 使用jQuery插入HTML元素 74
4.2.5 使用jQuery复制HTML元素 75
4.2.6 使用jQuery替换HTML元素 75
练习题 76
第5章 jQuery插件 78
5.1 概述 78
5.1.1 jQuery的插件机制 78
5.1.2 使用jQuery插件 80
5.2 滚动插件 83
5.2.1 捕获滚动事件的插件Waypoints 83
5.2.2 滚动特效插件scrollTo 84
5.3 图表插件 85
5.3.1 Excel样式的表格插件Handsontable 85
5.3.2 HTML表格插件DataTables 89
5.3.3 图表效果插件Sparklines 91
5.4 布局插件 93
5.4.1 布局插件Masonry 93
5.4.2 动态布局插件Freetile.js 95
5.4.3 瀑布流的网页布局插件Wookmark 98
5.5 文字处理插件 100
5.5.1 自动调整文本大小的FitTextjs插件 100
5.5.2 就地编辑插件jeditable 101
5.6 UI插件 103
5.6.1 旋钮插件knob 103
5.6.2 显示模式弹出框的插件Avgrund 104
5.6.3 滑动导航插件SlideDeck 106
练习题 107
第6章 jQuery的表单编程 109
6.1 HTML表单概述 109
6.1.1 定义表单 109
6.1.2 文本框 110
6.1.3 文本区域 111
6.1.4 单选按钮 111
6.1.5 复选框 112
6.1.6 组合框 113
6.1.7 按钮 113
6.2 jQuery的表单选择器和过滤器 115
6.2.1 表单选择器 115
6.2.2 表单过滤器 116
6.3 jQuery的表单事件处理 118
6.3.1 blur()方法和focus()方法 118
6.3.2 change()方法 119
6.3.3 select()方法 120
6.3.4 submit()方法 121
6.4 操作表单元素 122
6.4.1 操作文本框和文本域 122
6.4.2 操作单选按钮和复选框 122
6.4.3 操作下拉框 123
6.5 jQuery的表单插件 123
6.5.1 a-tools插件 123
6.5.2 两级级联下拉列表插件DoubleSelection 126
6.5.3 表单验证插件Validate 127
6.5.4 其他值得推荐的表单插件 129
练习题 129
第7章 jQuery事件处理 131
7.1 事件处理函数 131
7.1.1 指定事件处理函数 131
7.1.2 绑定到事件处理函数 131
7.1.3 移除事件绑定 133
7.2 Event对象 134
7.2.1 Event对象的属性 135
7.2.2 Event对象的方法 136
7.3 jQuery事件方法 137
7.3.1 键盘事件 137
7.3.2 鼠标事件 138
7.3.3 文档加载事件 139
7.3.4 浏览器事件 139
练习题 141
第8章 使用jQuery设置CSS样式 142
8.1 CSS基础 142
8.1.1 什么是CSS 142
8.1.2 在HTML文档中应用CSS 143
8.1.3 颜色与背景 145
8.1.4 设置字体 146
8.1.5 设置文本对齐 147
8.1.6 超链接 148
8.1.7 列表 149
8.1.8 边框 151
8.1.9 CSS轮廓 153
8.1.10 浮动元素 154
8.2 CSS3的新技术 155
8.2.1 实现圆角效果 155
8.2.2 多彩的边框颜色 159
8.2.3 阴影 161
8.2.4 背景图片 161
8.2.5 多列 163
8.2.6 嵌入字体 164
8.2.7 透明度 166
8.2.8 HSL和HSLA颜色表现方法 167
8.3 在jQuery中设置CSS样式 169
8.3.1 使用css()方法获取和设置CSS属性 169
8.3.2 与样式类别有关的方法 170
8.3.3 获取和设置HTML元素的尺寸 171
8.3.4 获取和设置元素的位置 173
8.3.5 滚动条相关 174
8.4 应用实例 175
8.4.1 动态控制页面字体大小 175
8.4.2 快捷切换网页显示样式 176
练习题 178
第3部分 高级应用篇 182
第9章 jQuery动画特效 182
9.1 显示和隐藏HTML元素 182
9.1.1 以动画效果显示HTML元素 182
9.1.2 隐藏HTML元素 183
9.1.3 切换HTML元素的显示和隐藏状态 184
9.2 淡入／淡出效果 184
9.2.1 实现淡入效果 184
9.2.2 实现淡出效果 185
9.2.3 直接调节HTML元素的透明度 186
9.2.4 以淡入／淡出的效果切换显示和隐藏HTML元素 187
9.3 滑动效果 187
9.3.1 以滑动效果显示隐藏的HTML元素 188
9.3.2 以滑动效果隐藏HTML元素 188
9.3.3 以滑动效果切换显示和隐藏HTML元素 189
9.4 动画队列 190
9.4.1 queue()方法 190
9.4.2 dequeue()方法 192
9.4.3 删除动画队列中的成员 192
9.4.4 延迟动画 193
9.4.5 停止正在执行的动画 194
9.5 执行自定义的动画 194
9.6 应用实例：焦点视频切换栏 196
9.6.1 实例界面和目录结构 196
9.6.2 设计实例页面 197
9.6.3 实现滑动切换的jQuery脚本 201
练习题 203
第10章 jQuery与Ajax 204
10.1 使用XMLHttpRequest对象与服务器通信 204
10.1.1 创建XMLHttpRequest对象 204
10.1.2 发送HTTP请求 205
10.1.3 从服务器接收数据 205
10.2 在jQuery中实现Ajax编程 208
10.2.1 load()方法 208
10.2.2 $.get()方法 209
10.2.3 $.post()方法 209
10.2.4 $.getJSON()方法 210
10.2.5 $.ajax()方法 211
10.2.6 利用Ajax提交表单 212
10.2.7 Ajax的事件 214
10.3 应用实例——使用Ajax实现登录页面 218
练习题 220
第11章 jQuery与HTML5 222
11.1 HTML5基础 222
11.1.1 什么是HTML 222
11.1.2 HTML5的新特性 223
11.1.3 浏览器对HTML5的支持 226
11.2 jQuery HTML5实用编程 227
11.2.1 支持进度显示的文件上传 227
11.2.2 jQuery+HTM15 localStorage编程 232
11.2.3 Canvas绘图 235
11.2.4 基于HTML5播放声音的jQuery插件audioPlay 241
11.3 应用实例 243
11.3.1 jQuery+HTML5+CSS3设计页面布局的实例 243
11.3.2 jQuery+HTML5+CSS3设计视频播放器的实例 248
练习题 253
第12章 jQuery特效应用实例 255
12.1 提示条实例 255
12.1.1 滑出式提示条 255
12.1.2 智能提示条 260
12.2 图片播放 263
12.2.1 实现幻灯片特效 263
12.2.2 实现魔幻盒特效 265
12.2.3 滚动展示图片 268
12.2.4 图片的翻转 269
12.2.5 幻灯片式画廊 270
12.2.6 Blockster过渡特效 277
12.2.7 自动滑动播放图片 279
12.3 菜单和选项卡 280
12.3.1 jQuery+CSS设计选项卡和侧边栏菜单 280
12.3.2 动画菜单 283
12.3.3 动画文本和图标菜单 285
12.3.4 悬停切换的栏目 287
12.3.5 悬停下拉菜单 289
12.3.6 动态导航菜单 291
12.4 广告特效 294
12.4.1 自定义动画广告条 294
12.4.2 弹性伸缩广告 297
第13章 jQuery Mobile 299
13.1 jQuery Mobile概述 299
13.1.1 初识jQuery Mobile 299
13.1.2 引用jQuery Mobile开发包 302
13.2 jQuery Mobile组件 304
13.2.1 页面设计 304
13.2.2 对话框设计 307
13.2.3 弹出框 309
13.2.4 工具栏设计 314
13.2.5 按钮设计 318
13.2.6 列表设计 321
练习题 323
附录1 实验 324
实验1 初识jQuery 324
实验2 JavaScript编程 325
实验3 jQuery选择器 327
实验4 操作HTML元素 328
实验5 jQuery插件 330
实验6 表单编程 331
实验7 事件处理 333
实验8 设置CSS样式 334
实验9 jQuery动画特效 335
实验10 jQuery与Ajax 336
实验11 jQuery与HTML5 337
实验12 jQuery特效应用实例 340
实验13 jQuery Mobile 341
附录2 jQuery常用工具函数 343