本书由资深专家根据jQuery Mobile最新版本撰写,是一本全面而系统的jQuery Mobile教程,对jQuery Mobile的所有功能、特性、开发方法和技巧进行了全面而透彻的讲解,是系统学习jQuery Mobile的权威参考书。在写作方式上,本书以一种开创性的方式使理论与实践达到了极好的平衡,不仅对理论知识进行了清晰而透彻的阐述,而且根据读者理解这些知识的需要精心设计和构思了92个完整的实战案例,每个案例分为功能描述、实现代码、效果展示和代码分析4个部分,旨在帮助读者通过实践的方式达到迅速掌握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.1jQuery 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.3jQuery Mobile应用开发迅速上手/6
- 1.4本章小结/10
- 第2章页面与对话框/11
- 2.1jQuery 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.2URL地址验证方法/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.2API接口文件/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-1Hello World 页面的实现/6
- 实例1-2多页面的切换/8
- 第2章页面与对话框/11
- 实例2-1jQuery Mobile 基本的页面框架/12
- 实例2-2jQuery Mobile多容器间的切换/14
- 实例2-3jQuery Mobile外部页面链接切换/16
- 实例2-4jQuery Mobile页面后退链接/18
- 实例2-5jQuery Mobile页面预加载/20
- 实例2-6jQuery Mobile页面缓存/22
- 实例2-7jQuery Mobile中的pagecreate事件/24
- 实例2-8使用changePage()方法跳转页面/25
- 实例2-9使用loadPage()方法加载页面/27
- 实例2-10jQuery Mobile中创建对话框/29
- 实例2-11jQuery 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-7makePathAbsolute()和makeUrlAbsolute()转换方法/165
- 实例7-8isRelativeUrl()和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