第1章 jQuery框架快速入门 001
1.1 认识jQuery 002
1.1.1 jQuery能做什么 002
1.1.2 jQuery的特点 002
1.2 下载并安装jQuery 003
1.2.1 下载jQuery 003
1.2.2 安装jQuery 004
1.3 网页的开发工具 004
1.3.1 使用记事本手工编写HTML文件 004
1.3.2 使用WebStorm编写HTML文件 005
1.4 jQuery与CSS 008
1.4.1 CSS构造规则 008
1.4.2 浏览器的兼容性 009
1.4.3 jQuery的引入 010
1.5 jQuery的技术优势 010
1.6 新手常见疑难问题 012
1.7 实战训练营 013
第2章 jQuery的选择器 014
2.1 jQuery的$ 015
2.1.1 $符号的应用 015
2.1.2 功能函数的前缀 015
2.1.3 创建DOM元素 016
2.2 基本选择器 017
2.2.1 通配符选择器（*） 017
2.2.2 ID选择器（#id） 017
2.2.3 类名选择器（.class） 018
2.2.4 元素选择器（element） 019
2.2.5 复合选择器 020
2.3 层级选择器 020
2.3.1 祖先后代选择器（ancestor descendant） 020
2.3.2 父子选择器（parent>child） 022
2.3.3 相邻元素选择器（prev+next） 023
2.3.4 兄弟选择器（prev～siblings） 023
2.4 过滤选择器 024
2.4.1 简单过滤选择器 024
2.4.2 内容过滤选择器 028
2.4.3 可见性过滤器 031
2.4.4 表单过滤器 033
2.5 表单选择器 035
2.5.1 :input 035
2.5.2 :text 036
2.5.3 :password 036
2.5.4 :radio 037
2.5.5 :checkbox 038
2.5.6 :submit 038
2.5.7 :reset 039
2.5.8 :button 040
2.5.9 :image 040
2.5.10 :file 041
2.6 属性选择器 042
2.6.1 [attribute] 042
2.6.2 [attribute=value] 043
2.6.3 [attribute!=value] 043
2.6.4 [attribute$=value] 044
2.7 新手常见疑难问题 045
2.8 实战训练营 047
第3 章 使用jQuery 控制页面 048
3.1 对页面的内容进行操作 049
3.1.1 对文本内容进行操作 049
3.1.2 对HTML 内容进行操作 050
3.2 对标签的属性进行操作 051
3.2.1 获取属性的值 051
3.2.2 设置属性的值 052
3.2.3 删除属性的值 052
3.3 对表单元素进行操作 053
3.3.1 获取表单元素的值 053
3.3.2 设置表单元素的值 054
3.4 对元素的CSS 样式进行操作 054
3.4.1 添加CSS 类 054
3.4.2 删除CSS 类 056
3.4.3 动态切换CSS 类 056
3.4.4 获取和设置CSS 样式 057
3.5 获取与编辑DOM 节点 058
3.5.1 插入节点 058
3.5.2 删除节点 060
3.5.3 复制节点 061
3.5.4 替换节点 062
3.6 新手常见疑难问题 063
3.7 实战训练营 064
第4 章 事件处理 066
4.1 jQuery 的事件机制 067
4.2 页面加载响应事件 069
4.3 jQuery 中的事件函数 069
4.3.1 键盘操作事件 069
4.3.2 鼠标操作事件 071
4.3.3 其他的常用事件 073
4.4 事件的基本操作 075
4.5 新手常见疑难问题 077
4.6 实战训练营 078
第5 章 设计网页中动画特效 080
5.1 网页动画特效的实现方法 081
5.1.1 通过CSS 实现动画特效 081
5.1.2 通过jQuery 实现动画特效 082
5.2 jQuery 的基本动画效果 083
5.2.1 隐藏元素 083
5.2.2 显示元素 085
5.2.3 状态切换 087
5.3 淡入淡出的动画效果 088
5.3.1 淡入隐藏元素 088
5.3.2 淡出可见元素 089
5.3.3 切换淡入淡出元素 089
5.3.4 淡入淡出元素至指定数值 090
5.4 滑动效果 091
5.4.1 滑动显示匹配的元素 091
5.4.2 滑动隐藏匹配的元素 092
5.4.3 通过高度的变化动态切换元素的可见性 093
5.5 自定义动画效果 094
5.5.1 创建自定义动画 094
5.5.2 停止动画 095
5.6 新手常见疑难问题 096
5.7 实战训练营 096
第6 章 jQuery 的功能函数 098
6.1 功能函数概述 099
6.2 常用的功能函数 099
6.2.1 操作数组和对象 099
6.2.2 操作字符串 102
6.2.3 序列化操作 103
6.3 新手常见疑难问题 104
6.4 实战训练营 104
第7 章 jQuery 插件的应用与开发 106
7.1 理解插件 107
7.2 流行的jQuery 插件 108
7.2.1 jQueryUI 插件 108
7.2.2 Form 插件 110
7.2.3 提示信息插件 111
7.2.4 jcarousel 插件 112
7.3 自定义插件 113
7.3.1 插件的工作原理 113
7.3.2 自定义一个简单的插件 114
7.4 新手常见疑难问题 116
7.5 实战训练营 117
第8 章 jQuery 与Ajax 技术的应用 118
8.1 Ajax 概述 119
8.2 Ajax 技术的组成 121
8.3 XMLHttpRequest 对象的使用 123
8.3.1 初始化XMLHttpRequest 对象 123
8.3.2 XMLHttpRequest 对象的属性 124
8.3.3 XMLHttpRequest 对象的方法 125
8.4 Ajax 异步交互的应用 126
8.4.1 什么是异步交互 127
8.4.2 异步对象连接服务器 127
8.4.3 GET 和POST 模式 129
8.4.4 服务器返回XML 130
8.4.5 处理多个异步请求 132
8.5 jQuery 中的Ajax 133
8.5.1 load() 方法 134
8.5.2 $.get() 方法和$.post() 方法 136
8.5.3 $.getScript() 方法和$.getJson() 方法 137
8.5.4 $.ajax() 方法 139
8.6 新手常见疑难问题 140
8.7 实战技能训练营 141
第9 章 jQuery 的经典交互特效案例 143
9.1 设计时间轴特效 144
9.2 设计tab 页面切换效果 145
9.3 设计滑动门特效 147
9.4 设计焦点图轮播特效 148
9.5 设计网页定位导航特效 150
9.6 设计导航条菜单效果 152
9.7 设计瀑布流特效 154
9.8 设计弹出层效果 155
9.9 设计倒计时效果 156
9.10 设计抽奖效果 157
9.11 新手常见疑难问题 159
9.12 实战技能训练营 160
第10 章 jQuery Mobile 快速入门 161
10.1 认识jQuery Mobile 162
10.2 跨平台移动设备网页jQuery Mobile 162
10.2.1 移动设备模拟器 162
10.2.2 jQuery Mobile 的安装 164
10.2.3 jQuery Mobile 网页的架构 166
10.3 创建多页面的jQuery Mobile 网页 166
10.4 创建模态页 167
10.5 绚丽多彩的页面切换效果 169
10.6 新手常见疑难问题 170
10.7 实战技能训练营 171
第11 章 使用UI 组件 172
11.1 套用UI 组件 173
11.1.1 表单组件 173
11.1.2 按钮和组按钮 179
11.1.3 按钮图标 181
11.1.4 弹窗 182
11.2 列表 183
11.2.1 列表视图 184
11.2.2 列表内容 186
11.2.3 列表过滤 187
11.3 面板和可折叠块 189
11.3.1 面板 189
11.3.2 可折叠块 190
11.4 导航条 191
11.5 jQuery Mobile 主题 194
11.6 新手常见疑难问题 197
11.7 实战技能训练营 197
第12 章 jQuery Mobile 事件 199
12.1 页面事件 200
12.1.1 初始化事件 200
12.1.2 外部页面加载事件 202
12.1.3 页面过渡事件 203
12.2 触摸事件 205
12.2.1 点击事件 205
12.2.2 滑动事件 207
12.3 滚屏事件 208
12.4 定位事件 210
12.5 新手常见疑难问题 211
12.6 实战技能训练营 212
第13 章 数据存储和读取技术 213
13.1 认识Web 存储 214
13.1.1 本地存储和Cookies 的区别 214
13.1.2 Web 存储方法 214
13.2 使用HTML5 Web Storage API 214
13.2.1 测试浏览器的支持情况 214
13.2.2 使用sessionStorage方法创建对象 215
13.2.3 使用localStorage 方法创建对象 216
13.2.4 Web Storage API 的其他操作 217
13.2.5 使用JSON 对象存取数据 218
13.3 目前浏览器对Web 存储的支持情况 220
13.4 制作简单Web 留言本 220
13.5 认识Web SQL Database 221
13.6 使用Web SQL Database 操作数据 222
13.6.1 数据库的基本操作 222
13.6.2 数据表的基本操作 223
13.6.3 数据的基本操作 224
13.7 创建简易的学生管理系统 225
13.8 选择文件 227
13.8.1 选择单个文件 227
13.8.2 选择多个文件 228
13.9 使用FileReader 接口读取文件 228
13.9.1 检测浏览器是否支持FileReader 接口 228
13.9.2 FileReader 接口的方法 229
13.9.3 使用readAsDataURL方法预览图片 229
13.9.4 使用readAsText 方法读取文本文件 230
13.10 新手常见疑难问题 232
13.11 实战技能训练营 232
第14 章 响应式网页设计 234
14.1 什么是响应式网页设计 235
14.2 像素和屏幕分辨率 236
14.3 视口 236
14.4 响应式网页的布局设计 238
14.5 响应式图片 240
14.6 响应式视频 242
14.7 响应式导航菜单 243
14.8 响应式表格 245
14.8.1 隐藏表格中的列 245
14.8.2 滚动表格中的列 246
14.8.3 转换表格中的列 247
14.9 新手常见疑难问题 249
14.10 实战技能训练营 250
第15 章 流行的响应式开发框架Bootstrap 251
15.1 Bootstrap 概述 252
15.2 下载Bootstrap 253
15.3 安装和使用Bootstrap 255
15.4 使用常用组件 256
15.4.1 使用下拉菜单 256
15.4.2 使用按钮组 257
15.4.3 使用导航组件 258
15.4.4 绑定导航和下拉菜单 260
15.4.5 使用面包屑 261
15.4.6 使用广告屏 261
15.4.7 使用card（卡片） 262
15.4.8 使用进度条 263
15.4.9 使用模态框 266
15.4.10 使用滚动监听 268
15.5 胶囊导航选项卡（Tab 栏） 269
15.6 新手常见疑难问题 271
15.7 实战技能训练营 272
第16 章 项目实训1——开发时尚购物网站 273
16.1 系统分析 274
16.2 系统设计 274
16.3 网页预览 275
16.4 项目代码实现 280
16.4.1 首页页面代码 280
16.4.2 动态效果代码 292
16.4.3 购物车代码 293
16.4.4 登录页面代码 295
16.4.5 商品展示页面代码 296
16.4.6 联系我们页面代码 301
16.5 项目总结 302
第17 章 项目实训2——开发连锁咖啡响应式网站 304
17.1 网站概述 305
17.2 设计首页布局 307
17.3 设计可切换导航 308
17.4 主体内容 313
17.4.1 设计轮播广告区 313
17.4.2 设计产品推荐区 315
17.4.3 设计登录注册和logo 316
17.4.4 设计特色展示区 317
17.4.5 设计产品生产流程区 318
17.5 设计底部隐藏导航 321
第18 章 项目实训3——连锁酒店订购系统APP 322
18.1 连锁酒店订购的需求分析 323
18.2 网站的结构 323
18.3 连锁酒店系统的代码实现 324
18.3.1 设计首页 324
18.3.2 设计订购页面 325
18.3.3 设计连锁分店页面 329
18.3.4 设计查看订单页面 331
18.3.5 设计酒店介绍页面 332
18.4 APP 的打包和测试 332
