第1章 初识jQuery Mobile 1
1.1 移动开发概述 1
1.1.1 认识Web移动应用 1
1.1.2 移动Web设计概述 2
1.1.3 了解WebKit 4
1.2 jQuery Mobile概述 5
1.2.1 为什么要选择jQuery Mobile 6
1.2.2 jQuery Mobile移动平台兼容性 6
1.2.3 jQuery Mobile功能 6
1.2.4 jQuery Mobile特性 6
1.2.5 jQuery Mobile优势 7
1.2.6 jQuery Mobile缺陷 8
1.2.7 其他流行的Web移动开发框架 9
1.3 安装jQuery Mobile 9
1.3.1 下载插件文件 9
1.3.2 初始化配置 11
1.4 案例：设计第一个移动页面 11
第2章 HTML5基础 14
2.1 创建HTML5文档 14
2.2 HTML5标签 16
2.3 详解HTML5结构 17
2.3.1 标识文章 17
2.3.2 分段内容 19
2.3.3 定义导航 22
2.3.4 定义辅助信息 24
2.3.5 定义微格式 25
2.3.6 定义发布日期 26
2.4 定义语义块 27
2.4.1 添加标题块 27
2.4.2 标题分组 28
2.4.3 添加脚注块 28
2.4.4 添加联系信息 30
2.5 HTML5新功能 30
2.6 jQuery Mobile中应用HTML5新功能 31
第3章 设计页面和对话框 32
3.1 设计页面 32
3.1.1 定义单页 32
3.1.2 定义多页 35
3.1.3 定义外部页 38
3.2 设计对话框 42
3.2.1 定义对话框 42
3.2.2 定义关闭对话框 43
3.3 实战案例 45
3.3.1 设计弹出框 45
3.3.2 设计视图渐变背景 47
3.3.3 设计页面切换方式 48
第4章 页面高级设计 51
4.1 页面初始化 51
4.2 预加载和缓存 53
4.2.1 页面预加载 53
4.2.2 页面缓存 54
4.3 使用锚记 55
4.3.1 在单页视图中定义锚记 56
4.3.2 在多页视图中定义锚记 57
4.4 传递参数 58
4.4.1 以GET方式传递参数 59
4.4.2 通过HTML5 Web Storage传递参数 60
4.5 加载消息 61
4.5.1 自定义加载消息 62
4.5.2 管理加载消息 65
4.6 实战案例 66
4.6.1 设计电子书阅读器 66
4.6.2 设计BBS界面 69
4.6.3 设计记事本 70
第5章 设计弹出页面 73
5.1 定义弹出页面 73
5.2 使用弹出页面 74
5.2.1 菜单和嵌套菜单 74
5.2.2 表单 76
5.2.3 对话框 77
5.2.4 图片 78
5.2.5 视频 80
5.3 定制弹出页面 83
5.3.1 定义显示位置 83
5.3.2 定义切换动画 84
5.3.3 定义主题样式 85
5.3.4 定义关闭按钮 86
5.4 设置属性、选项、方法和事件 87
5.4.1 属性 87
5.4.2 选项 88
5.4.3 方法 88
5.4.4 事件 88
5.5 实战案例 89
5.5.1 设计覆盖面板 89
5.5.2 设计单页相册 91
第6章 移动页面布局 95
6.1 网格化布局 95
6.1.1 定义网格 95
6.1.2 案例：设计两栏页面 98
6.2 设计折叠块 101
6.2.1 定义折叠块 102
6.2.2 定义嵌套折叠块 104
6.2.3 设置属性 105
6.2.4 设置选项 106
6.2.5 设置事件 109
6.3 设计折叠组 111
6.4 实战案例 112
6.4.1 设计课程表 112
6.4.2 设计九宫格 114
6.4.3 设计通讯录 116
6.4.4 设计QQ好友列表 118
6.4.5 设计Metro版式 120
第7章 使用按钮 124
7.1 定义按钮 124
7.2 定义内联按钮 124
7.3 定义按钮图标 125
7.3.1 图标样式 125
7.3.2 图标位置 126
7.4 定义迷你按钮 127
7.5 定义按钮组 127
7.6 设置按钮 128
7.6.1 定义属性 128
7.6.2 定义选项 129
7.6.3 定义方法和事件 129
7.7 自定义按钮 130
7.7.1 自定义按钮图标 131
7.7.2 文本换行显示 131
7.8 实战案例 132
7.8.1 设计按钮 132
7.8.2 设计按钮组 135
第8章 设计工具栏 138
8.1 使用工具栏 138
8.1.1 定义工具栏 138
8.1.2 定义显示模式 139
8.2 设计页眉栏 139
8.2.1 定义页眉栏 140
8.2.2 定义导航按钮 142
8.2.3 定义按钮位置 147
8.3 设计导航栏 148
8.3.1 定义导航栏 148
8.3.2 定义导航图标 152
8.3.3 定义图标位置 153
8.3.4 自定义导航图标 154
8.4 设计页脚栏 157
8.4.1 定义页脚栏 157
8.4.2 嵌入表单 158
8.5 设置工具栏 161
8.5.1 设置属性 161
8.5.2 设置选项 162
8.5.3 设置方法和事件 163
8.6 实战案例 164
8.6.1 设计播放器界面 165
8.6.2 设计QWER键盘界面 166
第9章 使用表单 169
9.1 表单样式 169
9.2 输入框 170
9.2.1 设计输入框 171
9.2.2 设置属性和选项 174
9.2.3 设置方法和事件 175
9.3 单选按钮 175
9.3.1 设计单选按钮 175
9.3.2 设置属性和选项 178
9.3.3 设置方法和事件 178
9.4 复选框 179
9.5 滑块 183
9.5.1 设计滑块 183
9.5.2 设置属性和选项 185
9.5.3 设置方法和事件 186
9.6 开关按钮 186
9.7 选择菜单 189
9.7.1 设计下拉菜单 189
9.7.2 设计列表框 193
9.7.3 选择项目分组 196
9.7.4 禁用选择项目 197
9.7.5 设置属性和选项 197
9.7.6 设置方法和事件 198
9.8 使用表单 198
9.8.1 禁用表单对象 198
9.8.2 隐藏标签 199
9.8.3 设计迷你表单 200
9.9 实战案例 201
9.9.1 表单验证 201
9.9.2 文件上传 202
9.9.3 设计QQ登录界面 203
9.9.4 设计调查问卷 204
9.9.5 设计调色板 205
9.9.6 设计登录对话框 207
第10章 设计列表视图 209
10.1 简单列表 209
10.1.1 认识列表视图 209
10.1.2 定义列表视图 210
10.1.3 设计简单列表视图 210
10.2 嵌套列表 215
10.2.1 定义嵌套列表 215
10.2.2 设计嵌套列表视图 216
10.3 数字列表 219
10.4 分类列表 220
10.5 扩展列表视图功能 222
10.5.1 拆分按钮列表 222
10.5.2 缩微图和图标列表 223
10.5.3 气泡提示 224
10.5.4 列表过滤 225
10.6 优化列表视图外观 228
10.6.1 插页列表 228
10.6.2 折叠列表 228
10.6.3 自动分类列表 231
10.7 设置列表视图 232
10.7.1 属性 232
10.7.2 选项 233
10.7.3 方法和事件 234
10.8 实战案例 234
10.8.1 设计表单登录页 234
10.8.2 设计电商产品页面 235
10.8.3 设计新闻列表页 241
10.8.4 设计播放列表 244
10.8.5 设计通讯录 247
第11章 高级开发 249
11.1 配置jQuery Mobile 249
11.1.1 修改gradeA配置值 249
11.1.2 jQuery Mobile配置项 251
11.2 事件 254
11.2.1 触摸事件 254
11.2.2 翻转事件 258
11.2.3 滚屏事件 260
11.2.4 页面显示／隐藏事件 262
11.3 方法 265
11.3.1 转换路径 265
11.3.2 比较域名 267
11.3.3 纵向滚动 269
11.4 设计UI样式 270
11.4.1 关闭列表项箭头 270
11.4.2 固定标题栏和页脚栏 272
11.4.3 设计随机页面背景 273
11.5 定制组件 275
11.5.1 设置标题／按钮组件显示字数 275
11.5.2 设置按钮状态 277
11.5.3 禁用异步打开链接 278
11.6 HTML5应用 280
11.6.1 动态传递参数 280
11.6.2 离线访问 282
11.6.3 HTML5绘画 285
11.7 实战案例：使用事件 287
11.7.1 侦测用户动作 289
11.7.2 划开面板 290
第12章 响应式设计 292
12.1 响应式设计概述 292
12.1.1 响应式Web实现方法 293
12.1.2 响应式Web设计流程 294
12.1.3 基于jQuery Mobile实现响应式设计 294
12.2 设计响应式图片 295
12.3 设计响应式结构 297
12.4 定义自适应内容 301
12.5 案例：设计响应式Web 305
12.6 媒体查询 308
12.6.1 使用viewport 309
12.6.2 使用Media Queries 309
12.7 实战案例 315
12.7.1 分栏设计 316
12.7.2 设计回流表格 319
12.7.3 设计字段切换表格 321
12.7.4 设计滑动面板 322
第13章 设计主题和样式 325
13.1 定义主题 325
13.1.1 认识jQuery Mobile主题 325
13.1.2 默认主题 326
13.1.3 使用主题 327
13.1.4 编辑主题 331
13.1.5 自定义主题 333
13.2 定义列表主题 337
13.3 定义表单主题 339
13.4 定义按钮主题 341
13.5 激活主题 344
13.6 定义工具栏主题 346
13.7 定义页面主题 349
13.8 定义内容主题 350
13.9 实战案例 353
13.9.1 定义多页面主题 353
13.9.2 设计计算器界面 354
13.9.3 设计键盘界面 356
13.10 使用ThemeRoller 359
13.10.1 认识ThemeRoller 359
13.10.2 编辑全局设置与色版 360
13.10.3 导入、下载和分享自定义色版 360
第14章 实战开发：企业移动宣传项目 362
14.1 案例分析 362
14.2 界面设计 362
14.3 框架设计 363
14.4 制作主页面 365
14.5 制作二级栏目 367
14.6 制作详细页 370
14.7 小结 372
第15章 实战开发：移动版记事本项目 373
15.1 项目分析 373
15.2 框架设计 374
15.3 技术准备 374
15.3.1 兼容性检查 375
15.3.2 读写数据 376
15.3.3 使用Web Storage 377
15.3.4 Web Storage事件监测 378
15.4 制作主页面 378
15.5 制作列表页 381
15.6 制作详细页 384
15.7 制作修改页 386
15.8 制作添加页 390
15.9 小结 393
第16章 实战开发：移动博客项目 394
16.1 项目分析 394
16.2 主页设计 394
16.3 列表页设计 395
16.4 内容页设计 398
16.5 后台开发 399
16.5.1 设计数据库 399
16.5.2 连接数据库 401
16.5.3 首页功能实现 403
16.5.4 列表页功能实现 404
16.5.5 内容页功能实现 407
16.6 小结 410
第17章 实战开发：MP3播放器 411
17.1 项目分析 411
17.2 主页设计 411
17.3 主题页设计 413
17.4 歌手页设计 414
17.5 专辑页设计 415
17.6 后台开发 416
17.6.1 设计数据库 416
17.6.2 连接数据库 418
17.6.3 首页功能实现 418
17.6.4 主题页功能实现 419
17.6.5 歌手页功能实现 420
17.6.6 专辑页功能实现 422
17.7 多媒体整合 423
17.7.1 使用〈audio〉标签 423
17.7.2 在jQuery Mobile中绑定〈audio〉标签 425
17.7.3 MP3功能设计 426
17.8 小结 428
第18章 实战开发：闺蜜说社区项目 429
18.1 项目分析 429
18.2 主页设计 429
18.3 登录页设计 431
18.4 注册页设计 432
18.5 发布页设计 433
18.6 后台开发 434
18.6.1 设计数据库 434
18.6.2 连接数据库 435
18.6.3 首页功能实现 435
18.6.4 注册页功能实现 439
18.6.5 发布页功能实现 440
18.6.6 回复功能实现 442
18.7 小结 444
第19章 发布应用项目 445
19.1 Web应用发布基础 445
19.2 自定义发布 446
19.3 准备打包 446
19.4 使用PhoneGap打包 446