内 容 简 介
本书是一本由浅入深、系统地介绍jQuery Mobile移动网站开发知识的指导书。全书以jQuery Mobile框架为主线，把在开发中涉及的HTML 5、CSS 3、jQuery，以及jQuery Mobile框架的定制与扩展等一并介绍，形成一个完整的体系。本书内容涵盖了jQuery Mobile中的各种UI组件、页面布局、事件处理、网页设计策略、浏览器兼容性、移动网站特点、技术标准的发展与适用性等大量理论与实践过程中需要注意的细节，全书的各个知识点均配有实例，以供参考。
本书适合具有初步HTML/CSS/JavaScript网页设计与编程经验，并对开发移动网站有兴趣的读者学习，不要求读者拥有在移动应用和大型网站开发方面的经验，适用于移动网站开发的初学者。
前 言
本书是一本由浅入深、系统地介绍jQuery Mobile移动网站开发知识的指导书。
1. 针对初级读者
本书的内容和实例是为具有网页开发初步经验，并对开发移动网页有兴趣的读者设计的。本书在写作中力求从最基础的概念开始讲解，逐步展开jQuery Mobile中各种技术的实际应用方法，并在整体介绍jQuery Mobile框架以后，对常用的定制与扩展方法做进一步的介绍。
本书为所介绍的每一个知识点都配备实例，用于更具体地说明以下几个方面：
* 典型的应用方法。
* 技术重点。
* 容易混淆的技术难点。
本书的实例中包含jQuery Mobile网页、HTML 5网页、CSS 3代码和少量的配置文件。所有的HTML 5和CSS 3代码都通过了语法验证，可确保其符合HTML 5和CSS 3规范。
作者建议读者在编写代码的过程中尽可能地让网页代码遵循HTML 5和CSS 3的语法规范。刚刚开始学习网页设计的读者，从起步阶段就应当养成良好的代码编写习惯。同时，本书的前4章对网页设计人员必须具备的基础知识进行了强化。
另外，本书为读者提供了配套光盘，光盘中含有本书所有实例的源代码。每一章的实例都包含运行这些实例所需要的程序库，分别安排在各自的目录中，读者可以根据需要，把各章实例单独部署到服务器中进行测试。
2. 知识妥善划分
本书在内容安排上分为三个部分：
* 学习jQuery Mobile的必备知识(前提条件)。
* jQuery Mobile的核心知识。
* jQuery Mobile框架的延伸知识。
通常，在讲解jQuery Mobile的时候，会把注意力集中到jQuery Mobile框架本身。作者并不反对这样突出重点的讲解，但在实际开发的过程中，就会发现，许多基本概念还需要重新加深理解，这其中包括对HTML 5的语法特点和使用方法的理解、对jQuery与jQuery Mobile的关系的理解，尤其是对事件处理方法差异的理解，以及对样式与UI组件的定制方法的理解等。对以上这些基本概念的熟悉程度，会对项目完成的质量产生相当大的影响。本书特意安排了4章基础知识，作为学习jQuery Mobile的引导。
另一方面，jQuery Mobile框架的扩展，相关的方法在项目开发中十分重要，但由于其中很大一部分内容并非出自jQuery Mobile的标准定制方法，而常常被忽略。
本书以讨论的方式介绍一些行之有效的扩展方法。同时，作者在介绍这些扩展方法的时候，都会提醒读者有关软件版权限制、软件版本兼容性等问题。作为延伸方案的讨论，本书通过实例介绍各种用于选择和评估扩展方案的方法，这是本书的一个要点。对于方案评价方法的掌握比熟悉几种插件重要得多。
对于jQuery Mobile框架本身，本书采用了常用的技术分类方法，但是，对于个别技术，比如自定义样式，则需要与其他相关的自定义方法一起讲解。
3. 总体结构导读
本书的内容按照学习jQuery Mobile的各个知识点之间的相互依赖关系进行顺序排列。
第一部分是学习jQuery Mobile之前必须掌握的基本知识，包括第1~4章，介绍移动Web的特点、用户界面设计原则、HTML 5和CSS 3语法，以及jQuery入门。
第二部分为jQuery Mobile的核心知识，包括第5~8章、第9章的大部分，以及第11章。这一部分详细介绍jQuery Mobile框架范畴内的各种开发方法和技巧。
第三部分可以视为延伸阅读内容，包括第9章的一小部分、第10~12章，介绍对jQuery Mobile框架功能的扩充，包括事件处理及插件等。
4. 各章内容简介
本书的章节安排充分考虑了初学者循序渐进地学习的要求。
第1章：移动Web开发简介。系统地介绍移动Web的技术发展史，由此引出以HTML 5和CSS 3为主导的网页设计方法，以及在技术演化过程中出现的设计策略，包括这些策略对当前网页设计的影响。
第2章：HTML 5开发基础。介绍HTML入门知识，适用于HTML初学者和对HTML 5中各种新的语法特性和新的开发思想还不是很了解的读者。
第3章：CSS 3设计基础。介绍CSS 3的入门知识，适用于CSS初学者和对CSS 3中各种2D/3D效果还不是很了解的读者。CSS 3将在jQuery Mobile的各种定制方法中大量使用。
第4章：jQuery入门。简要介绍jQuery。读者需要注意第3章中的CSS选择器与第4章中jQuery选择器的关系。另外，理解页面加载的时序问题和掌握jQuery提供的各种方法对于后续章节的学习十分重要。
第5章：jQuery Mobile开发基础。对jQuery Mobile框架做整体介绍，并初步介绍jQuery Mobile框架的大致使用方法。
第6章：UI组件-工具栏。介绍移动网页的总体页面布局，以及与页头和页尾相关的开发技巧。
第7章：jQuery Mobile的UI组件。介绍jQuery Mobile中的基本UI组件，包括图标、按钮、各种表单元素、表格和网格等。
第8章：jQuery Mobile的UI组件(续)。延续第7章的内容，对jQuery Mobile框架中比较复杂的UI组件进行详细的介绍，包括滑动条、列表视图、菜单、面板等。
第9章：jQuery Mobile的样式定制。样式主题是保证整个网站风格统一的一种有效手段。这一章从jQuery Mobile的样式系统、样式定制工具的使用方法，到非标准的样式风格定制方法等做一个综合性的说明。
第10章：jQuery Mobile功能的扩展。从实际项目开发需要出发，探讨扩展jQuery Mobile框架功能的不同方法。这些方法包括扩展图标集、扩展网页过渡动画效果、借助已有的jQuery UI等软件对jQuery Mobile进行功能扩展的方法。
第11章：jQuery Mobile事件处理。事件处理是jQuery和jQuery Mobile中的重要一环。在jQuery Mobile中，常常需要借助于事件处理，来达到在静态条件下难以实现的目的。
第12章：jQuery和jQuery Mobile的插件。作为延伸阅读的部分，jQuery和jQuery Mobile的插件从一个完全独立的角度完善了jQuery Mobile的功能，例如，Google地图就是一个对于常规移动应用非常有效的补充。
移动Web正在进入一个崭新的发展时期，新的技术和开发理念层出不穷，新的知识需要不断学习。欢迎读者针对本书涉及的编程方法与作者讨论。对书中的错误，敬请批评指正。
张欣毅
Burlington ON(加拿大)
目 录
第1章 移动Web开发简介 1
1.1 移动Web的发展 2
1.1.1 WAP时代 2
1.1.2 HTML 5时代 4
1.2 移动Web的特点和设计策略 5
1.2.1 移动Web和移动应用程序 5
1.2.2 移动Web与桌面Web 8
1.2.3 兼容性与Web设计策略 10
1.3 jQuery Mobile 12
1.3.1 jQuery的家族成员 12
1.3.2 jQuery Mobile简介 13
1.3.3 再谈浏览器的兼容性问题 15
1.4 准备工作 17
1.4.1 jQuery Mobile框架 17
1.4.2 开发工具、测试环境与模拟器 19
1.4.3 Web服务器 23
1.5 本章习题 24
第2章 HTML 5开发基础 27
2.1 HTML 5的语法结构 28
2.1.1 HTML 5网页的基本结构 28
2.1.2 <head>成员元素 30
2.1.3 标准属性 35
2.2 HTML 5常用元素简介 36
2.2.1 组织结构元素 37
2.2.2 链接元素 42
2.2.3 分组元素 44
2.2.4 与文本相关的元素 48
2.2.5 表单 49
2.2.6 多媒体 59
2.2.7 HTML 5标签的默认规则 60
2.3 HTML 5 API 61
2.3.1 拖放功能 61
2.3.2 地理位置信息 63
2.4 HTML 5的增强功能 66
2.4.1 定制属性data-* 66
2.4.2 Web设计的无障碍化
与WAI-ARIA简介 66
2.4.3 离线访问 68
2.5 HTML 5代码的语法验证 70
2.6 本章习题 71
第3章 CSS 3设计基础 73
3.1 CSS简介 74
3.1.1 CSS规范与版本 74
3.1.2 定义与引用样式规则 74
3.2 样式选择器 77
3.2.1 简单选择器 77
3.2.2 伪类 83
3.2.3 伪元素 88
3.2.4 选择器组合与组合选择器 90
3.3 基本样式 93
3.3.1 Box模型 93
3.3.2 字符与文本 105
3.3.3 色彩与图形 108
3.4 图形变换与动画效果 114
3.4.1 二维变换 114
3.4.2 三维变换 116
3.4.3 过渡效果 118
3.4.4 动画效果 121
3.5 CSS与输出设备 124
3.5.1 设备类型简介 124
3.5.2 媒体查询简介 126
3.6 本章习题 129
第4章 jQuery入门 133
4.1 jQuery的基本使用方法 134
4.1.1 jQuery程序的基本组织结构 134
4.1.2 jQuery的属性 137
4.2 jQuery选择器 140
4.2.1 基本选择器 140
4.2.2 属性选择器 141
4.2.3 过滤器 143
4.2.4 继承关系选择器 150
4.2.5 表单选择器 150
4.3 jQuery网页特效 152
4.3.1 基本特效 152
4.3.2 淡入淡出 154
4.3.3 滑动 156
4.4 jQuery的事件处理 158
4.4.1 鼠标事件和键盘事件 158
4.4.2 表单事件 163
4.4.3 浏览器事件 166
4.5 jQuery网页的动态处理 167
4.5.1 网页样式的处理 167
4.5.2 网页内容的处理 174
4.6 jQuery UI简介 178
4.7 本章习题 181
第5章 jQuery Mobile开发基础 185
5.1 jQuery Mobile应用环境 186
5.1.1 移动网站的特点和需求 186
5.1.2 jQuery Mobile的基本功能 188
5.2 jQuery Mobile程序的基本组织结构 191
5.2.1 网页结构 191
5.2.2 单页和多页模式 194
5.2.3 链接与导航 197
5.2.4 对话窗口 203
5.3 屏幕切换动画特效 207
5.4 本章习题 209
第6章 UI组件 - 工具栏 211
6.1 工具栏基础 212
6.1.1 工具栏的组成结构 212
6.1.2 工具栏的显示方式 213
6.2 工具栏的内容和样式特征 221
6.2.1 工具栏中的按钮 221
6.2.2 标题栏样式 226
6.3 导航栏 230
6.3.1 导航栏基本结构 230
6.3.2 导航栏中的按钮 231
6.3.3 导航栏的样式风格 236
6.4 网页中的网页 237
6.5 本章习题 239
第7章 jQuery Mobile的UI组件 241
7.1 按钮和图标 242
7.1.1 几类常见的按钮 242
7.1.2 按钮的基本样式 247
7.1.3 按钮图标 249
7.2 表单输入元素 253
7.2.1 单选按钮和多选按钮 254
7.2.2 文本输入框 259
7.3 表格与网格 264
7.3.1 Reflow表格 264
7.3.2 可选表列的表格 270
7.3.3 网格 274
7.4 本章习题 280
第8章 jQuery Mobile的UI组件(续) 283
8.1 滑动条 284
8.1.1 基本滑动条 284
8.1.2 区间滑动条 288
8.2 列表视图 291
8.2.1 无序与有序列表视图 291
8.2.2 列表视图与图标 295
8.2.3 列表视图的内容管理与应用
技巧 299
8.3 可收放的UI组件 306
8.3.1 可收放的UI组件及其样式
特征 306
8.3.2 可收放组件的组合与手风琴
模式 310
8.4 面板 313
8.4.1 面板的基本构成与工作方式 313
8.4.2 外部面板 317
8.5 选择菜单 320
8.5.1 选择菜单的基本表现形式 320
8.5.2 定制菜单 325
8.6 选择开关 326
8.6.1 常见的开关编写方法 327
8.6.2 滑动条开关 330
8.7 本章习题 331
第9章 jQuery Mobile的样式定制 333
9.1 jQuery Mobile主题样式系统简介 334
9.1.1 主题系统 334
9.1.2 样本定义的方法 335
9.2 使用第三方样式主题 337
9.2.1 jQuery Mobile Flat UI Theme 337
9.2.2 nativeDroid 339
9.3 ThemeRoller工具 342
9.3.1 ThemeRoller的基本操作 342
9.3.2 ThemeRoller样式的定制方法 345
9.4 UI组件定制实例 348
9.4.1 100%宽度的滑动条 348
9.4.2 列宽度不相等的网格 350
9.4.3 带有永久删除按钮的搜索框 352
9.4.4 输入框中提示信息的样式 353
9.4.5 圆角选择开关 355
9.5 本章习题 357
第10章 jQuery Mobile功能的扩展 359
10.1 图标集的扩展 360
10.1.1 制作自定义图标的基本方法 360
10.1.2 图标字符 364
10.2 网页切换过渡效果扩展 376
10.3 UI组件扩展 380
10.3.1 拖放功能 380
10.3.2 日期选择器 384
10.4 本章习题 387
第11章 jQuery Mobile事件处理 389
11.1 网页与初始化事件 390
11.1.1 网页的初始化事件 390
11.1.2 外部网页加载事件 393
11.1.3 网页切换过程事件 395
11.2 用户操作事件 397
11.2.1 方向位置事件 397
11.2.2 滚屏事件 398
11.2.3 触摸事件 400
11.3 本章习题 403
第12章 jQuery和jQuery Mobile的
插件 405
12.1 日期选择器插件 - DateBox 406
12.2 窗口插件 - Windows 412
12.2.1 警告窗口 413
12.2.2 对话窗口 414
12.3 图片插件 - OWL Carousel 419
12.4 Google地图 424
12.5 本章习题 430
附录A Web服务器设置方法简介 431
附录B 习题解答 441
