15天學會jQuery編程與實戰

第一篇 jQuery基礎
第1章 歡迎進入移動開發的世界 3
1.1 下載jQuery 3
1.2 編寫第一個包含jQuery庫的程序 5
1.3 jQuery庫的核心方法＄() 6
1.4 jQuery庫的選擇器 7
1.5 jQuery代碼的注釋 9
1.6 調試jQuery程序 10
1.7 小結 14
第2章 學習jQuery 必會的JavaScript基礎 15
2.1 JavaScript的數據類型 15
2.2 JavaScript的變量 17
2.3 JavaScript的方法和參數 17
2.4 JavaScript的上下文Context 18
2.5 JavaScript的Callback 18
2.6 小結 19
第3章 jQuery操作HTML 20
3.1 獲取或設置元素的內容 20
3.2 獲取或設置元素的屬性 223.3 在頁面中添加元素 24
3.4 從頁面中刪除元素 27
3.5 通過for…of為頁面中的元素循環指定ID 29
3.6 利用Ajax實現網頁的get請求 31
3.7 利用Ajax直接執行返回的JS代碼 34
3.8 一切Ajax都是基於＄.ajax() 35
3.9 跨域的AJAX-JSONP 37
3.10 JSONP在jQuery中的應用 39
3.11 實戰1：網頁中的圖片預覽 41
3.12 實戰2：利用Ajax實現微博的實時更新 44
3.13 小結 46
第4章 jQuery操作CSS 47
4.1 添加或刪除樣式 47
4.2 樣式的切換 48
4.3 獲取或設置CSS樣式 49
4.4 更改元素或窗口的大小 51
4.5 實戰：網頁鏈接的提示 52
4.6 小結 54
第5章 jQuery操作事件 55
5.1 什麼是事件 55
5.2 jQuery中的事件 55
5.3 頁面的初始化事件 57
5.4 綁定事件 59
5.5 新事件綁定on() 62
5.6 移除事件綁定 63
5.7 新移除事件綁定off() 64
5.8 切換事件 66
5.9 表單事件 67
5.10 實戰：表單的驗證 69
5.11 小結 72
第6章 jQuery操作動畫 73
6.1 基本動畫 73
6.2 可折疊的列表 74
6.3 按鈕的淡入淡出 76
6.4 停止動畫 77
6.5 自定義動畫 78
6.6 實戰：多樣式動畫 79
6.7 小結 80

第二篇 jQuery插件
第7章 jQuery插件 83
7.1 什麼是jQuery插件 83
7.2 常用的插件網站 87
7.3 jQuery的插件類型 89
7.4 對象級別的插件開發 89
7.5 類級別的插件開發 92
7.6 實戰：用第三方插件創建自己的網站 95
7.7 小結 102
第8章 jQuery官方UI插件 103
8.1 jQuery UI插件是官方提供的用戶界面 103
8.2 下載jQuery UI插件 104
8.3 拖動組件Draggable的使用 105
8.4 拖放組件Droppable的使用 106
8.5 實戰：使用拖動效果模擬Windows系統「回收站」 108
8.6 實現頁面中的進度條 112
8.7 實現頁面中的滑動條 114
8.8 實現頁面中的日歷 121
8.9 實現頁面導航的手風琴效果 128
8.10 實現頁面中的各種對話框特效 130
8.11 實現幻燈和分頁特效 135
8.12 小結 141
第9章 jQuery多媒體插件 142
9.1 圖表應用 142
9.2 視頻應用 148
9.3 地圖應用 151
9.4 實戰在線地圖 156
9.5 小結 160

第三篇 jQuery移動開發
第10章 jQuery Mobile移動開發 163
10.1 下載jQuery Mobile 163
10.2 使用Dreamweaver開發jQuery Mobile 164
10.3 創建第一個jQuery Mobile文件 165
10.4 測試jQuery Mobile 165
10.5 選擇頁面中的元素 169
10.6 設置頁面中元素的屬性 170
10.7 jQuery Mobile中的控件 170
10.8 使用按鈕實現菜單界面 172
10.9 使用表單做一個手機版QQ登錄 175
10.10 使用列表做一個類貼吧的應用 180
10.11 使用對話框實現一個相冊 183
10.12 實戰：實現電子書閱讀器 186
10.13 小結 188
第11章 開發移動博客 189
11.1 項目規划 189
11.2 主界面設計 190
11.3 文章列表的設計 193
11.4 文章內容頁的實現 197
11.5 文章類的設計 200
11.6 測試環境的搭建 202
11.7 數據庫的設計 207
11.8 內容頁功能的實現 213
11.9 文章列表的實現 217
11.10 首頁的實現 222
11.11 小結 223

第四篇 jQuery實戰
第12章 jQuery+HTML 5實現文件拖動上傳 227
12.1 認識FileDrop.js插件 228
12.1.1 下載FileDrop.js插件 228
12.1.2 使用插件實現文件拖拽上傳 231
12.2 開發圖片拖拽上傳Web應用 235
12.2.1 HTML 5文件上傳功能 235
12.2.2 圖片拖拽上傳HTML代碼 236
12.2.3 圖片拖拽上傳CSS代碼 237
12.2.4 圖片拖拽上傳JS代碼 239
12.2.5 圖片拖拽上傳服務器端PHP代碼 241
12.2.6 圖片拖拽上傳Web應用最終效果 242
12.3 小結 243
第13章 jQuery+HTML 5實現視頻播放器 244
13.1 認識MediaElement.js插件 245
13.1.1 下載音視頻播放器插件 245
13.1.2 開發一個簡單的播放器應用 248
13.1.3 使用MediaElement.js插件模仿Windows Media Player 252
13.2 實現在線播放器 254
13.2.1 在頁面中添加MediaElement.js 254
13.2.2 構建播放器頁面布局 254
13.2.3 播放器頁面初始化 255
13.3 小結 257
第14章 jQuery+HTML 5實現繪圖程序 258
14.1 准備jquery.deviantartmuro繪圖插件 259
14.1.1 下載jquery.deviantartmuro繪圖插件 259
14.1.2 參數說明 265
14.1.3 使用jquery.deviantartmuro繪圖插件開發Sandbox繪圖應用 268
14.2 基於HTML 5的Canvas繪圖初步應用 271
14.2.1 Canvas簡介 271
14.2.2 Canvas技術基本知識 271
14.3 Canvas技術初步應用 273
14.3.1 Canvas技術繪制矩形應用 273
14.3.2 Canvas技術清除矩形區域應用 274
14.3.3 Canvas技術繪制圓弧應用 275
14.3.4 Canvas技術繪制路徑應用 276
14.3.5 Canvas技術繪制線段應用 278
14.3.6 Canvas技術繪制貝塞爾曲線與二次樣條曲線應用 279
14.4 Canvas技術綜合應用——繪制花樣 280
14.5 Canvas綜合應用——繪制復雜圖樣 281
14.6 Canvas綜合應用——圖形變換 283
14.7 小結 286

jQuery是高效、精簡並且功能豐富的JavaScript工具庫。jQuery提供的API易於使用且兼容眾多瀏覽器，讓HTML文檔遍歷和操作、事件處理、動畫和Ajax操作等更加簡單。如果你想學習Web開發或移動開發框架，那麼非jQuery莫屬。jQuery跨平台特性既減少了開發人員的工作量，又能讓新手快速入門。