jQuery Mobile权威指南

前言

第1章　初识jQuery Mobile

1.1　jQuery Mobile简介

1.1.1　功能特点

1.1.2　支持平台

1.1.3　与jQTouch、Sencha Touch、SproutCore的比较

1.2　如何获取jQuery Mobile

1.2.1　下载插件文件

1.2.2　使用URL方式加载插件文件

1.3　jQuery Mobile应用开发迅速上手

1.4　本章小结

第2章　页面与对话框

2.1　jQuery Mobile页面结构

2.1.1　基本框架

2.1.2　多容器页面结构

2.1.3　外部页面链接

2.1.4　页面后退链接

2.2　预加载与页面缓存

2.2.1　预加载

2.2.2　页面缓存

2.3　页面的脚本

2.3.1　创建页面

2.3.2　跳转页面

2.3.3　加载页面

2.4　对话框

2.4.1　创建简单对话框

2.4.2　关闭对话框

2.5　本章小结

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

3.1　头部栏

3.1.1　头部栏的基本结构

3.1.2　设置后退按钮的文字

3.1.3　添加按钮

3.1.4　设定按钮位置

3.2　导航栏

3.2.1　导航栏的基本结构

3.2.2　头部导航栏

3.2.3　导航栏的图标

3.2.4　设置导航栏图标位置

3.2.5　自定义图标

3.3　尾部栏

3.3.1　添加按钮

3.3.2　添加表单元素

3.4　内容格式化

3.4.1　网格布局

3.4.2　可折叠的区块

3.4.3　可嵌套的折叠区块

3.4.4　折叠组标记

3.5　本章小结

第4章　页面常用组件

4.1　按钮

4.1.1　内联按钮

4.1.2　按钮组标记

4.2　表单

4.2.1　文本输入

4.2.2　滑块

4.2.3　翻转切换开关

4.2.4　单选按钮

4.2.5　复选框

4.2.6　选择菜单

4.2.7　多项选择菜单

4.3　列表

4.3.1　基本列表

4.3.2　嵌套列表

4.3.3　有序列表

4.3.4　分割按钮列表

4.3.5　分割列表项

4.3.6　图标与计数器

4.3.7　内容格式化与计数器

4.4　本章小结

第5章　jQuery Mobile主题

5.1　主题的定义及使用场景

5.1.1　默认主题

5.1.2　修改默认主题

5.1.3　自定义主题

5.2　列表与表单元素的主题

5.2.1　列表主题

5.2.2　表单主题

5.2.3　按钮主题

5.2.4　激活状态主题

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

5.3.1　工具栏主题

5.3.2　页面主题

5.3.3　内容主题

5.4　本章小结

第6章　jQuery Mobile插件

6.1　图片滑动浏览插件PhotoSwipe

6.2　图片幻灯片插件Camera

6.3　滚动选择时间插件Mobiscroll

6.4　搜索插件AutoComplete

6.5　日期对话框插件DateBox

6.6　简单对话框插件SimpleDialog

6.7　快捷标签插件ActionSheet

6.8　本章小结

第7章　jQuery Mobile API详解

7.1　基本配置项

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

7.1.2　使用函数修改gradeA配置值

7.2　事件

7.2.1　触摸事件

7.2.2　设置翻转事件

7.2.3　屏幕滚动事件

7.2.4　页面显示或隐藏事件

7.3　访问地址的相关方法

7.3.1　访问路径和URL地址转换方法

7.3.2　URL地址验证方法

7.3.3　域名比较方法

7.3.4　纵向滚动方法

7.4　本章小结

第8章　jQuery Mobile开发技巧与最佳实践

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

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

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

8.4　按钮标题文字的控制

8.5　侦听HTML 5画布元素的触摸事件

8.6　在jQuery Mobile 中提交表单数据

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

8.8　开启或禁用AJAX方式打开页面链接

8.9　使用localStorage传递链接参数

8.10　在jQuery Mobile中构建离线功能

8.11　本章小结

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

9.1　需求分析

9.1.1　总体设计

9.1.2　功能设计

9.2　数据结构

9.2.1　数据库设计

9.2.2　输出API设计

9.3　系统封面开发

9.4　系统首页开发

9.5　订阅管理页开发

9.6　类别新闻页开发

9.7　新闻详情页开发

9.8　其余文件

9.8.1　样式文件

9.8.2　API接口文件

9.9　本章小结

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

10.1　需求分析

10.1.1　总体设计

10.1.2　功能设计

10.2　新手导航页开发

10.3　系统首页开发

10.4　记事列表页开发

10.5　记事详细页开发

10.6　修改记事内容页开发

10.7　添加记事内容页开发

10.8　样式文件

10.9　本章小结

实 例 目 录

第1章　初识jQuery Mobile

实例1-1　Hello World 页面的实现

实例1-2　多页面的切换

第2章　页面与对话框

实例2-1　jQuery Mobile 基本的页面框架

实例2-2　jQuery Mobile多容器间的切换

实例2-3　jQuery Mobile外部页面链接切换

实例2-4　jQuery Mobile页面后退链接

实例2-5　jQuery Mobile页面预加载

实例2-6　jQuery Mobile页面缓存

实例2-7　jQuery Mobile中的pagecreate事件

实例2-8　使用changePage()方法跳转页面

实例2-9　使用loadPage()方法加载页面

实例2-10　jQuery Mobile中创建对话框

实例2-11　jQuery Mobile中关闭对话框

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

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

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

实例3-3　添加按钮

实例3-4　设定按钮位置

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

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

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

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

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

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

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

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

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

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

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

第4章　页面常用组件

实例4-1　内联按钮

实例4-2　按钮组标记

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

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

实例4-5　翻转切换开关

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

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

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

实例4-9　多项选择菜单

实例4-10　基本列表

实例4-11　嵌套列表

实例4-12　有序列表

实例4-13　分割按钮列表

实例4-14　分割列表项

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

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

第5章　jQuery Mobile主题

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

实例5-2　修改默认主题

实例5-3　自定义主题

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

实例5-5　改变表单主题

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

实例5-7　激活状态主题

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

实例5-9　改变页面主题

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

第6章　jQuery Mobile插件

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

实例6-2　图片幻灯片插件Camera的应用

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

实例6-4　搜索插件AutoComplete的应用

实例6-5　日期对话框插件DateBox的应用

实例6-6　简单对话框插件SimpleDialog的应用

实例6-7　快捷标签插件ActionSheet的应用

第7章　jQuery Mobile API详解

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

实例7-2　使用函数修改gradeA配置值

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

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

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

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

实例7-7　makePathAbsolute()和makeUrlAbsolute()转换方法

实例7-8　isRelativeUrl()和isAbsoluteUrl()验证方法

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

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

第8章　jQuery Mobile开发技巧与最佳实践

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

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

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

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

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

实例8-6　在jQuery Mobile 中提交表单数据

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

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

实例8-9　使用localStorage传递链接参数

实例8-10　在jQuery Mobile中构建离线功能

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

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

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

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

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

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

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

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

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

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

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

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

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

《jQuery Mobile权威指南》由资深专家根据jQuery Mobile最新版本撰写，是一本全面而系统的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章以迭代的方式详细地讲解了两个具有代表性的综合案例的实现过程，不仅能帮助读者将前面所学的理论知识融会贯通，而且还能从中迅速获得实战经验。

·资深专家根据jQuery Mobile新版本撰写，对jQuery Mobile的所有功能、特性、使用方法和开发技巧进行了全面而透彻的讲解，是系统学习jQuery Mobile的参考书
　　 ·92个精心设计的经典案例对各个理论知识点进行了充分阐释，理论与实践完美结合