jQuery網頁特效設計基礎教程（簡體書）

本書作為jQuery課程的教材，系統全面地介紹了有關jQuery開發所涉及的各類知識。全書共分12章，內容包括JavaScript基礎、初識jQuery、使用jQuery選擇器、使用jQuery操作DOM、jQuery中的事件處理和動畫效果、使用jQuery操作表單和表格、Ajax在jQuery中的應用、使用jQuery UI插件、常用的第三方jQuery插件、jQuery性能優化與技巧、jQuery在HTML5中的應用、綜合實戰――使用jQuery實現攜程網站特效。
本書配套資源包括案例的源代碼、製作精良的電子課件PPT、慕課視頻等。
本書可作為本科計算機類及相關專業、高職軟件及相關專業的教材，同時也適合Web愛好者、初級和中級的Web程序開發人員參考使用。

劉剛，一線項目研發、設計、管理工程師，高級項目管理師、項目監理師，負責紀檢監察廉政監督監管平臺、國家郵政局項目、政務大數據等多個***項目的設計與開發。
極客學院、北風網金牌講師
暢銷書《微信小程序開發圖解案例教程（附精講視頻）》《小程序實戰視頻課：微信小程序開發全案精講》《Axure RP8原型設計圖解微課視頻教程 （Web+App）》作者

child選擇器 43

3．5．3 prev+next選擇器 44

3．5．4 prev～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操作DOM 59

4．1 DOM操作的分類 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．1 jQuery中的事件處理 80

5．1．1 頁面加載響應事件 80

5．1．2 jQuery中的事件 80

5．1．3 事件綁定 82

5．1．4 模擬用戶操作 85

5．1．5 事件捕獲與事件冒泡 87

5．2 jQuery中的動畫效果 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．1 HTML表單概述 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．1 Ajax技術簡介 129

7．1．1 Ajax概述 129

7．1．2 Ajax技術的優點 129

7．1．3 Ajax技術的缺點 130

7．2 安裝Web運行環境――AppServ 130

7．3 通過JavaScript應用Ajax 133

7．4 jQuery中的Ajax應用 134

7．4．1 load()方法 135

7．4．2 使用$．get()方法請求數據 136

7．4．3 使用$．post()方法請求數據 137

7．4．4 使用$．getScript()方法加載JS文件 138

7．4．5 使用$．getJSON()方法加載JSON文件 139

7．4．6 使用$．ajax()方法請求數據 140

7．4．7 使用serialize()方法序列化表單 141

7．5 Ajax的全域事件 143

7．5．1 Ajax全域事件的參數及功能 143

7．5．2 ajaxStart與ajaxStop全域事件 143

7．6 綜合實例：使用Ajax實現留言板即時更新 144

知識點提煉 146

習題 146

第8章 使用jQuery UI插件 147

8．1 初識jQuery UI插件 148

8．1．1 jQuery UI概述 148

8．1．2 jQuery UI的下載 148

8．1．3 jQuery UI的使用 149

8．1．4 jQuery UI的工作原理 150

8．1．5 jQuery UI中的插件 152

8．2 jQuery UI的常用插件 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．3 jQuery UI的特效 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．1 jQuery插件概述 193

9．1．1 什麼是jQuery插件 193

9．1．2 常用的第三方jQuery插件 193

9．1．3 如何調用第三方jQuery插件 193

9．2 常用jQuery插件的使用 194

9．2．1 uploadify插件（文件上傳） 194

9．2．2 zTree插件（樹菜單） 198

9．2．3 Nivo Slider插件（圖片切換） 202

9．2．4 Pagination插件（數據分頁） 205

9．2．5 jQZoom插件（圖片放大鏡） 207

9．3 綜合實例：使用ColorPicker插件製作顏色選擇器 209

知識點提煉 210

習題 210

第 10章 jQuery性能優化與技巧 211

10．1 jQuery性能優化 212

10．2 jQuery常用技巧 216

知識點提煉 221

習題 222

第 11章 jQuery在HTML5中的應用 223

11．1 HTML5基礎 224

11．1．1 HTML5的新特性 224

11．1．2 瀏覽器對HTML5的支持 224

11．2 jQuery與HTML5編程 226

11．2．1 顯示文件上傳的進度條 226

11．2．2 Canvas繪圖 228

11．2．3 jQuery+HTML5實現圖片旋轉效果 230

11．2．4 基於HTML5播放聲音的jQuery插件audioPlay 232

11．2．5 Web Storage編程 233

11．3 綜合實例：旅遊信息網前臺頁面設計 236

11．3．1 網站預覽 236

11．3．2 網站主體結構設計 239

11．3．3 HTML5結構元素的使用 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