jQuery網頁特效設計基礎教程（慕課版）

第一章基礎1
1.1概述2
1.1.1什麼是2
1.1.2的應用領域2
1.1.3的特點4
1.2的開發工具5
1.2.1使用記事本開發5
1.2.2使用Dreamweaver開發5
1.3編寫個程式8
1.3.1編寫程式8
1.3.2運行程式10
1.3.3程式的出錯類型11
1.3.4的3種調試方式12
1.4庫13
1.4.1什麼是庫13
1.4.2常用的庫13
知識點提煉15
習題15

第2章初識jQuery16
2.1jQuery概述17
2.1.1jQuery的應用17
2.1.2jQuery的特點18
2.1.3jQuery的版本19
2.1.4jQuery版本的選擇21
2.2jQuery下載與配置21
2.2.1下載jQuery21
2.2.2配置jQuery22
2.2.3我的個jQuery腳本22
2.3jQuery物件和DOM物件23
2.3.1jQuery物件和DOM物件簡介23
2.3.2jQuery物件和DOM物件的相互轉換24
2.4解決jQuery和其他庫的衝突26
2.4.1jQuery庫在其他庫之前導入26
2.4.2jQuery庫在其他庫之後導入27
2.5jQuery外掛程式簡介28
2.5.1外掛程式的使用28
2.5.2流行的外掛程式28
知識點提煉30
習題31

第3章使用jQuery選擇器32
3.1jQuery的工廠函數33
3.2什麼是jQuery選擇器33
3.3jQuery選擇器的優勢33
3.3.1代碼更簡單33
3.3.2支持CSS1到CSS3選擇器33
3.3.3完善的檢測機制33
3.4基本選擇器35
3.4.1ID選擇器（#id）35
3.4.2元素選擇器（element）36
3.4.3類名選擇器（.class）37
3.4.4複合選擇器（selector1，selector2，selectorN）38
3.4.5萬用字元選擇器（*）39
3.4.6使用選擇器獲取預設印表機39
3.5層次選擇器41
3.5.1ancestordescendant選擇器41
3.5.2parent>child選擇器43
3.5.3prev+next選擇器44
3.5.4prev～siblings選擇器45
3.6過濾選擇器46
3.6.1簡單篩檢程式46
3.6.2內容篩檢程式48
3.6.3可見性篩檢程式49
3.6.4表單物件的屬性篩檢程式50
3.6.5子元素篩檢程式51
3.7屬性選擇器52
3.8表單選擇器53
3.9混淆選擇器54
3.10選擇器中的一些注意事項55
3.10.1選擇器中含有特殊符號的注意事項55
3.10.2選擇器中含有空格的注意事項55
3.11綜合實例：表格隔行換色及滑鼠指標指向行變色56
知識點提煉57
習題58

第4章使用jQuery操作DOM59
4.1DOM操作的分類60
4.2對元素內容和值進行操作60
4.2.1對元素內容進行操作60
4.2.2對元素值進行操作63
4.3對DOM文檔節點進行操作64
4.3.1創建節點64
4.3.2查找節點65
4.3.3插入節點65
4.3.4刪除、複製與替換節點67
4.3.5包裹節點70
4.3.6遍歷節點73
4.4對元素屬性進行操作74
4.5對元素的CSS樣式進行操作75
4.5.1通過修改CSS類實現75
4.5.2通過修改CSS屬性實現75
4.6綜合實例：實現我的開心小農場76
知識點提煉77
習題78

第5章jQuery中的事件處理和動畫效果79
5.1jQuery中的事件處理80
5.1.1頁面載入回應事件80
5.1.2jQuery中的事件80
5.1.3事件綁定82
5.1.4模擬用戶操作85
5.1.5事件捕獲與事件冒泡87
5.2jQuery中的動畫效果91
5.2.1隱藏匹配元素91
5.2.2顯示匹配元素91
5.2.3切換元素的可見狀態93
5.2.4淡入淡出的動畫效果93
5.2.5滑動效果94
5.2.6自訂的動畫效果97
5.3綜合實例：實現圖片傳送帶99
知識點提煉101
習題102

第6章使用jQuery動作表單和表格103
6.1HTML表單概述104
6.1.1表單標記104
6.1.2輸入標記105
6.1.3文本域標記109
6.1.4功能表和清單標記、110
6.2使用jQuery動作表單元素111
6.2.1操作文字方塊111
6.2.2操作文本域112
6.2.3操作選項按鈕和核取方塊115
6.2.4操作下拉清單117
6.2.5表單驗證118
6.3使用jQuery動作表格120
6.3.1控制表格顏色顯示120
6.3.2表格的展開與關閉122
6.3.3表格內容的篩選124
6.4綜合實例：刪除記錄時的提示效果125
知識點提煉126
習題127

第7章Ajax在jQuery中的應用128
7.1Ajax技術簡介129
7.1.1Ajax概述129
7.1.2Ajax技術的優點129
7.1.3Ajax技術的缺點130
7.2安裝Web運行環境——AppServ130
7.3通過應用Ajax133
7.4jQuery中的Ajax應用134
7.4.1load()方法135
7.4.2使用＄.get()方法請求資料136
7.4.3使用＄.t()方法請求資料137
7.4.4使用＄.getScript()方法載入JS檔138
7.4.5使用＄.getJSON()方法載入JSON檔139
7.4.6使用＄.ajax()方法請求資料140
7.4.7使用serialize()方法序列化表單141
7.5Ajax的全域事件143
7.5.1Ajax全域事件的參數及功能143
7.5.2ajaxStart與ajaxStop全域事件143
7.6綜合實例：使用Ajax實現留言板即時更新144
知識點提煉146
習題146

第8章使用jQueryUI外掛程式147
8.1初識jQueryUI外掛程式148
8.1.1jQueryUI概述148
8.1.2jQueryUI的下載148
8.1.3jQueryUI的使用149
8.1.4jQueryUI的工作原理150
8.1.5jQueryUI中的外掛程式152
8.2jQueryUI的常用外掛程式152
8.2.1折疊面板（Accordion）的使用152
8.2.2自動完成（Autocomplete）外掛程式的使用155
8.2.3按鈕（Button）的使用158
8.2.4日期選擇器（Datepicker）的使用160
8.2.5對話方塊（Dialog）的使用163
8.2.6功能表（Menu）的使用166
8.2.7進度條（Progressbar）的使用168
8.2.8滑塊（Slider）的使用170
8.2.9旋轉器（Spinner）的使用172
8.2.10標籤頁（Tabs）的使用173
8.2.11工具提示框（Tooltip）的使用175
8.3jQueryUI的特效177
8.3.1拖動特效（Draggable）的使用177
8.3.2放置特效（Droppable）的使用178
8.3.3縮放特效（Resizable）的使用179
8.3.4選擇特效（Selectable）的使用180
8.3.5排序特效（Sortable）的使用181
8.3.6顯示特效（show）的使用182
8.3.7隱藏特效（hide）的使用184
8.3.8切換特效（toggle）的使用186
8.4綜合實例：使用jQuery實現許願牆188
知識點提煉190
習題191

第9章常用的協力廠商jQuery外掛程式192
9.1jQuery外掛程式概述193
9.1.1什麼是jQuery外掛程式193
9.1.2常用的協力廠商jQuery外掛程式193
9.1.3如何調用協力廠商jQuery外掛程式193
9.2常用jQuery外掛程式的使用194
9.2.1uploadify外掛程式（文件上傳）194
9.2.2zTree外掛程式（樹菜單）198
9.2.3NivoSlider外掛程式（圖片切換）202
9.2.4Pagination外掛程式（資料分頁）205
9.2.5jQZoom外掛程式（圖片放大鏡）207
9.3綜合實例：使用ColorPicker外掛程式製作顏色選擇器209
知識點提煉210
習題210
第10章jQuery性能優化與技巧211
10.1jQuery性能優化212
10.2jQuery常用技巧216
知識點提煉221
習題222

第11章jQuery在HTML5中的應用223
11.1HTML5基礎224
11.1.1HTML5的新特性224
11.1.2流覽器對HTML5的支持224
11.2jQuery與HTML5程式設計226
11.2.1顯示檔上傳的進度條226
11.2.2Canvas繪圖228
11.2.3jQuery+HTML5實現圖片旋轉效果230
11.2.4基於HTML5播放聲音的jQuery外掛程式audioPlay232
11.2.5WebStorage程式設計233
11.3綜合實例：旅遊資訊網前臺頁面設計236
11.3.1網站預覽236
11.3.2網站主體結構設計239
11.3.3HTML5結構元素的使用239
11.3.4網站公共部分設計240
11.3.5網站主頁設計244
11.3.6留下足跡頁面設計246
知識點提煉248
習題248

第12章綜合實戰——使用jQuery實現攜程網站特效249
12.1網站特效250
12.2特效需求250
12.2.1網站註冊表單佈局設計250
12.2.2倒計時交互設計250
12.2.3網站登錄佈局與交互設計250
12.2.4導航功能表設計251
12.2.5海報輪播效果設計251
12.2.6頁簽切換效果設計251
12.2.7左右滑動效果設計252
12.2.8手風琴效果設計252
12.2.9圖片放大縮小效果製作253
12.3關鍵知識點253
12.4模組設計實現254
12.4.1網站註冊表單佈局設計254
12.4.2倒計時交互設計260
12.4.3網站登錄佈局與交互設計262
12.4.4導航功能表設計266
12.4.5海報輪播效果製作269
12.4.6頁簽切換效果設計272
12.4.7左右滑動切換效果設計276
12.4.8手風琴效果功能表設計278
12.4.9圖片放大縮小效果製作281
12.5本章總結284