第1章jQuery入門 1
1.1什么是jQuery 1
1.1.1下載并配置jQuery運行環境 1
1.1.2jQuery1.x、2.x和3.x的區別 3
1.1.3jQuery與JavaScript的區別 3
1.1.4編寫第一個jQuery網頁 6
1.2jQuery3的特色 7
1.2.1jQuery3的StrictMode 7
1.2.2支持for…of遍歷 7
1.2.3動畫方面使用requestAnimationFrameAPI 8
1.2.4支持SVG 8
1.2.5:visible和:hidden新改變 8
1.3選擇jQuery的開發工具 9
1.4認識jQuery庫的基礎知識 12
1.4.1jQuery庫的核心方法——$() 12
1.4.2jQuery代碼的風格 13
1.4.3jQuery庫延遲等待加載模式 14
1.5調試jQuery程序 15
1.5.1在Chrome中調試 15
1.5.2在Firefox中調試 17
1.6常見問題 19
1.6.1為什么要使用一些著名公司的CDN 19
1.6.2寫jQuery和直接寫JavaScript的區別 20
1.6.3jQuery與其他JavaScript庫的區別 21
第2章jQuery選擇器 22
2.1基本選擇器 22
2.1.1標簽選擇器 23
2.1.2id選擇器 24
2.1.3類選擇器 24
2.1.4使用選擇器組合 25
2.1.5使用*通配符選擇器 25
2.2層次選擇器 25
2.2.1后代選擇器 27
2.2.2父子選擇器 27
2.2.3相鄰選擇器 28
2.2.4平級選擇器 29
2.3過濾選擇器 30
2.3.1基本過濾選擇器 30
2.3.2內容過濾選擇器 33
2.3.3可見性過濾選擇器 35
2.3.4屬性過濾選擇器 37
2.3.5子元素過濾選擇器 38
2.3.6表單對象屬性過濾器 40
2.4表單選擇器 42
2.5常見問題 44
2.5.1$("input")和$(":input")兩個選擇器的區別 44
2.5.2子選擇器和后代選擇器的區別 44
2.5.3獲得class為sub的元素的子節點下的所有<a>標簽 45
第3章用jQuery來操作DOM 46
3.1修改元素屬性 46
3.1.1獲取元素的屬性 46
3.1.2設置元素的屬性 48
3.2修改元素內容 49
3.3動態創建內容 51
3.4動態插入節點 51
3.5動態刪除節點 55
3.6實例1：超鏈接提示效果 56
3.7實例2：圖片預覽效果 58
3.8常見問題 60
3.8.1tagName和attribute的區別 60
3.8.2attr方法和prop方法都用于獲取元素的屬性嗎 61
第4章jQuery的事件與事件對象 62
4.1jQuery中的事件 62
4.1.1什么是事件 62
4.1.2jQuery所支持的事件和事件類型 63
4.2頁面初始化事件 65
4.3綁定事件 66
4.4移除事件綁定 69
4.5切換事件 70
4.6表單中的常見事件 71
4.6.1表單元素焦點的獲取和失去 71
4.6.2文本域高度的動態變化 72
4.6.3表單的驗證 74
4.7常見問題 77
4.7.1ready與load誰先執行 77
4.7.2綁定事件是不是只有on方法 77
第5章原始AJAX與jQuery中的AJAX 78
5.1兩個AJAX的對比 78
5.1.1原始AJAX應用舉例 78
5.1.2使用jQuery中的AJAX舉例 81
5.2使用jQuery的AJAX函數進行頁面交互 82
5.2.1使用AJAX快捷函數 82
5.2.2使用底層函數ajax() 84
5.2.3AJAX全局配置和事件 86
5.3跨域的AJAX-JSONP 88
5.3.1什么是JSONP 89
5.3.2JSONP的實現原理 89
5.3.3JSONP在jQuery中的應用 90
5.4AJAX綜合案例——數據實時更新的微博頁面 93
5.4.1微博的功能分析 93
5.4.2微博實時更新的代碼實現和效果演示 93
5.5常見問題 96
5.5.1jQuery中post和$.ajax的區別 96
5.5.2jQueryAJAX中readyState和status的區別 96
第6章jQuery中的動畫效果 98
6.1jQuery庫所支持的動畫方法 98
6.1.1基本動畫方法 98
6.1.2滑動動畫方法 99
6.1.3淡入淡出動畫方法 99
6.2實例1：實現可折疊的列表 100
6.3實例2：按鈕的淡入淡出效果 102
6.4自定義動畫animate 104
6.4.1一個最簡單的自定義動畫 104
6.4.2一個稍微復雜的自定義動畫 105
6.5常見問題 106
6.5.1jQuery的動畫是否能隨時停止 106
6.5.2是否可以用animate方法來操作所有CSS屬性 107
第7章jQuery插件 108
7.1認識jQuery插件 108
7.1.1什么是插件 108
7.1.2常用的插件網站 113
7.2開發自己的插件 114
7.2.1jQuery的插件類型 114
7.2.2實例1：對象級別的插件開發 115
7.2.3實例2：類級別的插件開發 117
7.3用第三方插件創建自己的網站 120
7.3.1網站結構設計 121
7.3.2下載第三方插件 122
7.3.3使用第三方插件 123
7.3.4網站最終效果 126
7.4常見問題 127
7.4.1jQuery和jQuery插件的區別 127
7.4.2開發或使用jQuery插件是否要注意版本 128
第8章jQuery的UI插件 129
8.1基于jQuery的擴展——jQueryUI插件 129
8.2下載jQueryUI插件 130
8.3利用jQueryUI實現頁面交互 131
8.3.1拖動組件Draggable的使用 131
8.3.2拖放組件Droppable的使用 133
8.3.3實例：模擬Windows系統“回收站” 134
8.4利用jQueryUI實現頁面中的進度條 138
8.4.1進度條工具集的使用 138
8.4.2實例：實現進度條效果 139
8.5利用jQueryUI實現頁面中的滑動條 141
8.5.1滑動條工具集的使用 141
8.5.2實例1：實現圖片滑塊滾動條效果 142
8.5.3實例2：實現簡單顏色調色器 145
8.6利用jQueryUI實現頁面中的日歷 148
8.6.1日歷DatePicker的使用 148
8.6.2實例1：一個簡單的日歷應用 151
8.6.3實例2：制作同時顯示多個月份的日歷 154
8.6.4實例3：限制日歷的選擇范圍 154
8.6.5實例4：有動畫效果的日歷顯示 155
8.7利用jQueryUI實現手風琴效果 156
8.7.1折疊面板工具集的使用 156
8.7.2實例：實現經典的導航菜單 157
8.8設計頁面中各種對話框效果 159
8.8.1對話框工具集的使用 159
8.8.2實例：實現彈出和確認信息對話框效果 161
8.9實現幻燈和分頁效果 164
8.9.1選項卡工具集的使用 165
8.9.2實例1：經典的選項卡效果 166
8.9.3實例2：實現幻燈效果 168
8.9.4實例3：實現分頁效果 170
8.10常見問題 173
8.10.1jQueryUI和jQueryEasyUI的區別 173
8.10.2jQueryUI內容太多，如何實現自己定制 173
第9章jQueryMobile移動開發 174
9.1初步接觸jQueryMobile 174
9.1.1下載jQueryMobile 174
9.1.2推薦使用Dreamweaver編輯器開發jQueryMobile 175
9.1.3創建第一個jQueryMobile文件 176
9.1.4在PC上測試jQueryMobile 176
9.1.5如何應用jQueryMobile開發的頁面 179
9.2使用jQueryMobile進行開發 180
9.2.1選擇頁面中的元素 180
9.2.2設置頁面中元素的屬性 181
9.3應用jQueryMobile中的控件 181
9.3.1在界面中固定一個工具欄 181
9.3.2使用按鈕實現菜單界面 183
9.3.3使用表單做一個手機版QQ登錄 186
9.3.4使用列表做一個類貼吧的應用 191
9.3.5使用對話框實現一個相冊 194
9.4實例1：利用jQueryMobile實現電子書閱讀器 197
9.5實例2：利用jQueryMobile實現開發印象筆記 200
9.6常見問題 202
9.6.1jQueryMobile為什么在切換頁面時會出現白屏現象 202
9.6.2data-rel="back"和data-direction="reverse"有什么區別 202
第10章實戰1：實現QQ郵箱附件的拖放上傳功能 203
10.1認識FileDrop.js插件 203
10.1.1下載FileDrop.js插件 204
10.1.2使用插件實現文件拖拽上傳 207
10.2開發圖片拖拽上傳Web應用 211
10.2.1HTML5文件上傳功能 211
10.2.2圖片拖拽上傳HTML代碼 212
10.2.3圖片拖拽上傳CSS代碼 213
10.2.4圖片拖拽上傳JS代碼 215
10.2.5圖片拖拽上傳服務器端PHP代碼 217
10.2.6圖片拖拽上傳Web應用最終效果 218
第11章實戰2：利用jQueryMobile開發一個手機博客 220
11.1項目規劃 220
11.2主界面設計 222
11.3文章列表的設計 224
11.4文章內容頁的實現 228
11.5文章類的設計 231
11.6測試環境的搭建 233
11.7數據庫的設計 238
11.8內容頁功能的實現 245
11.9文章列表的實現 249
11.10首頁的實現 254
第12章實戰3：打造在線播放器 257
12.1認識MediaElement.js插件 258
12.1.1下載音視頻播放器插件 258
12.1.2開發一個簡單的播放器應用 261
12.1.3使用MediaElement.js插件模仿WindowsMediaPlayer 264
12.2實現在線播放器 266
12.2.1在頁面中添加MediaElement.js 267
12.2.2構建播放器頁面布局 267
12.2.3播放器頁面初始化 268
第13章實戰4：構建股票實時走勢圖 270
13.1準備jqChart圖表插件 271
13.1.1下載jqChart圖表插件 271
13.1.2開發一個柱狀圖應用 273
13.1.3開發一個折線圖應用 283
13.2構建股票實時走勢圖 288
13.2.1添加jqChart圖表插件庫文件 288
13.2.2構建實時圖頁面的布局 289
13.2.3模擬股票實時圖的初始化 290
13.2.4模擬股票實時走勢圖的最終效果 293