本书以jQuery Mobile 为基础,结合职业学校学生的特点,采取任务驱动
式的编写方式,将抽象的知识点融入具体的任务中,使学生在完成任务的同
时掌握相关知识,并通过综合案例巩固所学知识。
本书包含认识jQuery、认识jQuery Mobile、jQuery Mobile 页面制作、
jQuery Mobile 组件应用、jQuery Mobile 主题样式设置、jQuery Mobile 事件处理、
jQuery Mobile 插件使用、移动建站实例8 个项目,详细介绍了jQuery Mobile
移动建站相关技术。本书可作为中等职业学校移动应用开发及相关专业的教
材,也可作为计算机爱好者的参考书。
本书配有电子课件等教学资源,选用本书作为授课教材的教师可以登录
机械工业出版社教育服务网(www.cmpedu.com)注册后免费下载,或联系编
辑(010-88379807)咨询。
目 录
前 言
二维码清单
项目1—— 认识jQuery 1
项目概述 1
项目分析1
任务1 加载jQuery 函数库 1
任务2 使用jQuery 改变CSS 样式 4
任务3 使用jQuery 进行事件处理 8
项目小结19
项目2—— 认识jQuery Mobile 20
项目概述 20
项目分析20
任务1下载及安装OperaMobileEmulator 移动设备模拟器 20
任务2 加载jQueryMobile 函数库 22
任务3 第一个jQueryMobile 页面 23
项目小结 29
项目3—— jQuery Mobile 页面制作30
项目概述 30
项目分析 30
任务1 设计页面 30
任务2 页面跳转 33
任务3 返回操作 36
任务4 弹出对话框 39
任务5 页面缓存 42
任务6 使用命名锚记 46
任务7 添加按钮 48
任务8 制作导航栏 51
任务9 制作尾部栏 54
任务10 页面布局 57
任务11 可折叠区块使用 62
项目小结 65
项目4—— jQuery Mobile 组件应用 66
项目概述 66
项目分析 66
任务1 添加按钮组组件 66
任务2 认识表单组件 69
任务3 添加滑块组件 71
任务4 添加开关按钮 74
任务5 使用单选按钮制作投票页面 76
任务6 使用复选框制作调查问卷79
任务7 使用自定义菜单 82
任务8 分组列表 89
任务9 图标设置与计数器 91
任务10 格式化列表 94
任务11 列表过滤 97
项目小结 100
项目5—— jQuery Mobile 主题样式设置 101
项目概述 101
项目分析 101
任务1 使用默认主题样式 101
任务2 修改默认主题样式 106
任务3 自定义主题样式 109
项目小结 113
项目6—— jQuery Mobile 事件处理 114
项目概述 114
项目分析 114
任务1 页面事件——页面切换 114
任务2 触摸事件——滑动屏幕浏览图片 121
任务3 屏幕滚动事件——切换背景 126
任务4 翻转事件——依据手持方向翻转屏幕 131
任务5 jQueryMobile 常用技巧实战 136
项目小结 145
项目7—— jQuery Mobile 插件使用 146
项目概述 146
项目分析 146
任务1使用ActionSheet 插件实现弹出窗口效果 146
任务2 使用mmenu 插件制作侧边菜单效果 149
任务3 使用Mobiscroll 插件选择时间和日期 153
任务4 使用Camera 插件实现滚动幻灯片效果 157
任务5 使用Swipebox 插件实现图片扩大效果 162
项目小结 166
项目8—— 移动建站实例 167
项目概述 167
项目分析 167
任务1 制作店铺APP 引导页 167
任务2 制作店铺APP 启动页 174
任务3 制作店铺APP 首页 177
任务4 制作产品列表页 180
任务5 制作产品介绍页 183
项目小结 188
参考文献189