在未来的移动开发领域中，Web App凭借其独有的特征和优势，将不可阻挡地成为Web应用的主流。应用开发离不开框架，jQuJeryMobile凭借其轻量型、兼容性强等一系列优势成为移动应用开发者的首选。jQuery Mobile的宗旨是在各移动设备的浏览器平台中形成一个统一、灵活、渐进式的系统，并使该系统在基于iOtJery和iQuery UI的基础上进行无缝地工作。与其他开发框架相比，除了技术上的独特之处外，低廉的学习和开发成本也是深受开发者青睐的另一重要原因。

《jquery mobile权威指南》由资深专家陶国荣著，全书通过理论与实践相结合的方式，精选了92个简洁实用的实例，以由浅入深、逐层推进的方式，详细地展示了iQuery MobiIe作为Web App开发利器的方方面面。通过本书的学习，读者不仅可以全面了解并掌握整个jQuery Mobile框架的详实内容，而且还能结合本书最后两个章节的案例，快速、高效地开发出受人喜爱的Web App应用。

《jquery mobile权威指南》由资深专家陶国荣根据jquery mobile最新版本撰写，是一本全面而系统的jquery mobile教程，对jquery mobile的所有功能、特性、开发方法和技巧进行了全面而透彻的讲解，是系统学习jquery mobile的权威参考书。在写作方式上，本书以一种开创性的方式使理论与实践达到了极好的平衡，不仅对理论知识进行了清晰而透彻的阐述，而且根据读者理解这些知识的需要精心设计和构思了92个完整的实战案例，每个案例分为功能描述、实现代码、效果展示和代码分析4个部分，旨在帮助读者通过实践的方式达到迅速掌握jquery mobile的目的。

《jquery mobile权威指南》一共10章，从基础理论到最佳实践，内容几乎涵盖了jquery mobile的各个方面。第1章介绍了jquery mobile的功能特点、获取方法，以及与其他移动开发框架的对比；第2~5章分别讲解了jquery mobile的页面与对话框、工具栏与格式化内容、页面常用组件、主题等基础知识；第6章和第7章分别详细介绍了jquery mobile的插件和api；第8章探讨了jquery mobile的开发技巧与最佳实践；第9章和第10章以迭代的方式详细讲解了两个具有代表性的综合案例的实现过程，不仅能帮助读者将前面所学的理论知识融会贯通，而且还能从中迅速获得实战经验。

前言

第1章 初识jquery mobile/1

1.1 jquery mobile简介/2

1.1.1 功能特点/2

1.1.2 支持平台/3

1.1.3 与jqtouch、sencha touch、sproutcore的比较/4

1.2 如何获取jquery mobile/5

1.2.1 下载插件文件/5

1.2.2 使用url方式加载插件文件/6

1.3 jquery mobile应用开发迅速上手/6

1.4 本章小结/10

第2章 页面与对话框/11

2.1 jquery mobile页面结构/12

2.1.1 基本框架/12

2.1.2 多容器页面结构/13

2.1.3 外部页面链接/15

2.1.4 页面后退链接/18

2.2 预加载与页面缓存/20

2.2.1 预加载/20

2.2.2 页面缓存/22

2.3 页面的脚本/23

2.3.1 创建页面/23

2.3.2 跳转页面/25

2.3.3 加载页面/27

2.4 对话框/29

2.4.1 创建简单对话框/29

2.4.2 关闭对话框/31

2.5 本章小结/33

第3章 工具栏与格式化内容/34

3.1 头部栏/35

3.1.1 头部栏的基本结构/35

3.1.2 设置后退按钮的文字/37

3.1.3 添加按钮/39

3.1.4 设定按钮位置/41

3.2 导航栏/43

3.2.1 导航栏的基本结构/43

3.2.2 头部导航栏/44

3.2.3 导航栏的图标/46

3.2.4 设置导航栏图标位置/48

3.2.5 自定义图标/50

3.3 尾部栏/54

3.3.1 添加按钮/54

3.3.2 添加表单元素/56

3.4 内容格式化/57

3.4.1 网格布局/57

3.4.2 可折叠的区块/60

3.4.3 可嵌套的折叠区块/62

3.4.4 折叠组标记/63

3.5 本章小结/65

第4章 页面常用组件/66

4.1 按钮/67

4.1.1 内联按钮/67

4.1.2 按钮组标记/69

4.2 表单/71

4.2.1 文本输入/71

4.2.2 滑块/73

4.2.3 翻转切换开关/75

4.2.4 单选按钮/76

4.2.5 复选框/78

4.2.6 选择菜单/81

4.2.7 多项选择菜单/84

4.3 列表/86

4.3.1 基本列表/86

4.3.2 嵌套列表/87

4.3.3 有序列表/89

4.3.4 分割按钮列表/91

4.3.5 分割列表项/93

4.3.6 图标与计数器/95

4.3.7 内容格式化与计数器/96

4.4 本章小结/98

第5章 jquery mobile主题/99

5.1 主题的定义及使用场景/100

5.1.1 默认主题/100

5.1.2 修改默认主题/103

5.1.3 自定义主题/105

5.2 列表与表单元素的主题/108

5.2.1 列表主题/108

5.2.2 表单主题/110

5.2.3 按钮主题/112

5.2.4 激活状态主题/113

5.3 工具栏与页面内容的主题/115

5.3.1 工具栏主题/115

5.3.2 页面主题/117

5.3.3 内容主题/119

5.4 本章小结/121

第6章 jquery mobile插件/122

6.1 图片滑动浏览插件photoswipe/123

6.2 图片幻灯片插件camera/126

6.3 滚动选择时间插件mobiscroll/130

6.4 搜索插件autocomplete/133

6.5 日期对话框插件datebox/136

6.6 简单对话框插件simpledialog/138

6.7 快捷标签插件actionsheet/142

6.8 本章小结/145

第7章 jquery mobile api详解/146

7.1 基本配置项/147

7.1.1 自定义页面加载和出错提示信息/147

7.1.2 使用函数修改gradea配置值/149

7.2 事件/152

7.2.1 触摸事件/152

7.2.2 设置翻转事件/156

7.2.3 屏幕滚动事件/158

7.2.4 页面显示或隐藏事件/161

7.3 访问地址的相关方法/164

7.3.1 访问路径和url地址转换方法/164

7.3.2 url地址验证方法/167

7.3.3 域名比较方法/170

7.3.4 纵向滚动方法/172

7.4 本章小结/175

第8章 jquery mobile开发技巧与最佳实践/176

8.1 开启或禁用列表项中的箭头/177

8.2 使用悬浮的方式固定头部栏与尾部栏/179

8.3 初始化页面随机显示背景图/181

8.4 按钮标题文字的控制/183

8.5 侦听html 5画布元素的触摸事件/185

8.6 在jquery mobile 中提交表单数据/188

8.7 切换按钮的开启/禁用状态/191

8.8 开启或禁用ajax方式打开页面链接/193

8.9 使用localstorage传递链接参数/196

8.10 在jquery mobile中构建离线功能/198

8.11 本章小结/201

第9章 开发移动终端新闻订阅管理系统/202

9.1 需求分析/203

9.1.1 总体设计/203

9.1.2 功能设计/203

9.2 数据结构/204

9.2.1 数据库设计/204

9.2.2 输出api设计/206

9.3 系统封面开发/208

9.4 系统首页开发/210

9.5 订阅管理页开发/214

9.6 类别新闻页开发/217

9.7 新闻详情页开发/221

9.8 其余文件/223

9.8.1 样式文件/224

9.8.2 api接口文件/226

9.9 本章小结/226

第10章 开发移动终端记事本管理系统/227

10.1 需求分析/228

10.1.1 总体设计/228

10.1.2 功能设计/229

10.2 新手导航页开发/229

10.3 系统首页开发/233

10.4 记事列表页开发/236

10.5 记事详细页开发/238

10.6 修改记事内容页开发/241

10.7 添加记事内容页开发/244

10.8 样式文件/247

10.9 本章小结/249

实例目录

第1章 初识jquery mobile/1

实例1-1 hello world 页面的实现/6

实例1-2 多页面的切换/8

第2章 页面与对话框/11

实例2-1 jquery mobile 基本的页面框架/12

实例2-2 jquery mobile多容器间的切换/14

实例2-3 jquery mobile外部页面链接切换/16

实例2-4 jquery mobile页面后退链接/18

实例2-5 jquery mobile页面预加载/20

实例2-6 jquery mobile页面缓存/22

实例2-7 jquery mobile中的pagecreate事件/24

实例2-8 使用changepage()方法跳转页面/25

实例2-9 使用loadpage()方法加载页面/27

实例2-10 jquery mobile中创建对话框/29

实例2-11 jquery mobile中关闭对话框/31

第3章 工具栏与格式化内容/34

实例3-1 头部栏的基本结构/35

实例3-2 设置后退按钮的文字/37

实例3-3 添加按钮/39

实例3-4 设定按钮位置/41

实例3-5 添加尾部导航栏/43

实例3-6 添加头部导航栏/44

实例3-7 为导航栏链接按钮添加图标/47

实例3-8 设置导航栏链接按钮图标的位置/49

实例3-9 自定义导航栏链接按钮的图标/51

实例3-10 在尾部栏中添加按钮/54

实例3-11 在尾部栏中添加表单元素/56

实例3-12 在内容区域添加多种类型的网格布局/58

实例3-13 在正文中显示可折叠的区块/60

实例3-14 在正文中显示可嵌套的折叠区块/62

实例3-15 在正文中显示折叠组标记/63

第4章 页面常用组件/66

实例4-1 内联按钮/67

实例4-2 按钮组标记/69

实例4-3 不同类型的文本输入/71

实例4-4 拖动滑块改变元素背景色/73

实例4-5 翻转切换开关/75

实例4-6 用两种方式显示单选按钮/77

实例4-7 用两种方式显示复选框/79

实例4-8 用两种方式显示选择菜单/81

实例4-9 多项选择菜单/84

实例4-10 基本列表/86

实例4-11 嵌套列表/88

实例4-12 有序列表/89

实例4-13 分割按钮列表/91

实例4-14 分割列表项/93

实例4-15 列表中的图标与计数器/95

实例4-16 内容格式化与计数器/97

第5章 jquery mobile主题/99

实例5-1 通过下拉框选择并保存主题/101

实例5-2 修改默认主题/103

实例5-3 自定义主题/105

实例5-4 列表容器混搭主题/108

实例5-5 改变表单主题/110

实例5-6 显示5种按钮主题风格/112

实例5-7 激活状态主题/114

实例5-8 工具栏主题混搭效果/115

实例5-9 改变页面主题/117

实例5-10 折叠区域中的内容主题/119

第6章 jquery mobile插件/122

实例6-1 图片滑动浏览插件photoswipe的应用/123

实例6-2 图片幻灯片插件camera的应用/126

实例6-3 滚动选择时间插件mobiscroll的应用/130

实例6-4 搜索插件autocomplete的应用/133

实例6-5 日期对话框插件datebox的应用/137

实例6-6 简单对话框插件simpledialog的应用/139

实例6-7 快捷标签插件actionsheet的应用/142

第7章 jquery mobile api详解/146

实例7-1 自定义页面加载和出错提示信息/147

实例7-2 使用函数修改gradea配置值/149

实例7-3 使用触摸事件滑动浏览图片/153

实例7-4 使用翻转事件检测移动设备的手持方向/156

实例7-5 使用屏幕滚动事件控制页面显示的文字与样式/159

实例7-6 绑定页面的显示与隐藏事件/161

实例7-7 makepathabsolute()和makeurlabsolute()转换方法/165

实例7-8 isrelativeurl()和isabsoluteurl()验证方法/168

实例7-9 域名比较方法issamedomain()的使用/171

实例7-10 纵向滚动方法silentscroll()的使用/173

第8章 jquery mobile开发技巧与最佳实践/176

实例8-1 开启或禁用列表项中的箭头/177

实例8-2 使用悬浮的方式固定头部栏与尾部栏/179

实例8-3 初始化页面随机显示背景图/181

实例8-4 按钮标题文字的控制/183

实例8-5 侦听html 5画布元素的触摸事件/185

实例8-6 在jquery mobile 中提交表单数据/188

实例8-7 切换按钮的开启/禁用状态/191

实例8-8 开启或禁用ajax方式打开页面链接/193

实例8-9 使用localstorage传递链接参数/196

实例8-10 在jquery mobile中构建离线功能/199

第9章 开发移动终端新闻订阅管理系统/202

实例9-1 新闻订阅系统封面开发/208

实例9-2 新闻订阅系统首页开发/210

实例9-3 新闻订阅管理页开发/214

实例9-4 类别新闻页开发/217

实例9-5 新闻详情页开发/221

第10章 开发移动终端记事本管理系统/227

实例10-1 新手导航页开发/229

实例10-2 记事本管理系统首页开发/233

实例10-3 记事列表页开发/236

实例10-4 记事详细页开发/239

实例10-5 修改记事内容页开发/241

实例10-6 添加记事内容页开发/244