目 錄
前 言
二維碼清單
項目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 可折疊區(qū)塊使用 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 常用技巧實戰(zhàn) 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