本書緊密圍繞互聯網行業發展對網站開發人員技術與能力的要求進行編寫，主要介紹如何使用JavaScript、jQuery編寫網頁特效，最終制作出界面美觀大方、具備動態效果、面向企業應用的商業級網站。全書共10章，主要內容包括JavaScript基礎，使用JavaScript操作BOM、DOM對象，jQuery基礎，jQuery中的事件與DOM操作，表單校驗及AJAX數據請求等。
為保證最優的學習效果，本書配套教學PPT、案例素材、學習交流社區、討論組等輔助學習內容，為讀者帶來全方位的學習體驗。
本書可作為前端開發相關從業者的學習教程，也可作為高職院校計算機相關專業的教材和參考書。
1、選取知識點核心實用，以互聯網+實現終身學習
2、以企業需求為設計導向，以任務驅動為講解方式
3、以案例為主線組織知識點，以實戰項目來提升技術
4、充分考慮學習者的認知曲線，由淺入深，邊講邊練
戴雯惠，蘇州經貿職業技術學院機電與信息管理學院教學副院長，軟件技術專業負責人，院級中青年骨干教師培養對象等。主持及參與省教育廳、市級及院級等教科研項目10余項，作為第一完成人獲得國家實用新型專利1項，國家軟件著作權3項，在北大核心及省級刊物以上發表論文16篇。
第 1章 初識JavaScript 1
任務1 了解JavaScript能做什么 2
任務2 掌握什么是JavaScript 3
1.2.1 JavaScript的結構組成 4
1.2.2 JavaScript的基本結構 4
1.2.3 JavaScript的執行原理 6
1.2.4 JavaScript頁面的引用 6
任務3 掌握JavaScript的基礎語法 8
1.3.1 變量的聲明和賦值 8
1.3.2 數據類型 9
1.3.3 數組 12
1.3.4 運算符 13
1.3.5 邏輯控制語句 16
1.3.6 注釋 22
1.3.7 常用的輸入/輸出 23
1.3.8 上機訓練 24
上機練習1—統計包含“a”或“A”的字符串的個數 24
任務4 掌握調試工具的用法 25
1.4.1 Chrome開發者工具 26
1.4.2 上機訓練 29
上機練習2—調試程序 29
任務5 掌握JavaScript中函數的應用 31
1.5.1 系統函數 31
1.5.2 定義函數 32
1.5.3 上機訓練 34
上機練習3—編寫一個帶兩個變量和一個運算符的四則運算函數 34
1.5.4 變量作用域 35
1.5.5 頁面中的事件 36
1.5.6 上機訓練 37
上機練習4—統計考試科目的成績 37
第 2章 JavaScript中的BOM對象操作 41
任務1 了解BOM及構成 42
2.1.1 認識BOM 42
2.1.2 瀏覽器對象 43
2.1.3 上機訓練 48
上機練習1—制作簡易的購物車頁面 48
任務2 掌握history對象和location對象的使用 50
2.2.1 history對象 50
2.2.2 location對象 51
2.2.3 上機訓練 52
上機練習2—查看一年四季的變化 52
任務3 掌握document對象的使用 53
2.3.1 document對象 53
2.3.2 上機訓練 58
上機練習3—完善購物車頁面 58
任務4 掌握系統函數的應用 60
2.4.1 Date對象 60
2.4.2 Math對象 61
2.4.3 定時函數 63
2.4.4 上機訓練 65
上機練習4—制作二十四進制的時鐘特效 65
第3章 JavaScript操作文檔對象模型 69
任務1 使用JavaScript操作DOM 70
3.1.1 DOM操作分類 70
3.1.2 節點間的關系 71
3.1.3 JavaScript訪問節點 72
3.1.4 上機訓練 76
上機練習1—訪問購物車頁面節點 76
3.1.5 節點屬性 77
任務2 使用JavaScript操作節點 78
3.2.1 獲取和設置節點屬性 78
3.2.2 新增和插入節點 80
3.2.3 刪除和修改節點 83
3.2.4 修改節點樣式 84
3.2.5 上機訓練 87
上機練習2—制作課工場論壇發帖頁面 87
任務3 使用JavaScript獲取元素位置 89
3.3.1 獲取樣式 89
3.3.2 屬性應用 91
3.3.3 上機訓練 93
上機練習3—制作帶關閉按鈕的廣告 93
第4章 認識jQuery 97
任務1 了解jQuery并搭建開發環境 98
4.1.1 選擇jQuery的原因 98
4.1.2 什么是jQuery 100
4.1.3 搭建環境 104
任務2 掌握jQuery基礎語法及結構 105
4.2.1 jQuery程序 105
4.2.2 jQuery語法 106
4.2.3 設置CSS屬性值 108
4.2.4 移除CSS樣式 110
4.2.5 上機訓練 110
上機練習1—使用jQuery變換網頁效果 110
任務3 掌握jQuery對象與DOM對象的轉換 111
4.3.1 jQuery中的對象 112
4.3.2 對象間的相互轉換 112
4.3.3 上機訓練 113
上機練習2—制作廣告立體輪播切換效果 113
第5章 認識jQuery選擇器 117
任務1 了解jQuery選擇器及其分類 118
5.1.1 jQuery選擇器概述 118
5.1.2 選擇器分類 119
任務2 使用CSS選擇器選取元素 119
5.2.1 基本選擇器 119
5.2.2 層次選擇器 123
5.2.3 上機訓練 126
上機練習1—制作圖書簡介頁面 126
5.2.4 屬性選擇器 127
5.2.5 上機訓練 130
上機練習2—制作非緣勿擾頁面特效 130
任務3 通過過濾選擇器選取元素 131
5.3.1 過濾選擇器 131
5.3.2 選擇器使用注意事項 136
5.3.3 上機訓練 137
上機練習3—制作全網熱播視頻頁面 137
第6章 jQuery中的事件與動畫特效 141
任務1 jQuery中的事件機制 142
6.1.1 jQuery事件的分類 143
6.1.2 上機訓練 147
上機練習1—制作京東首頁右側固定層 147
任務2 jQuery事件的綁定、移除與復合事件 148
6.2.1 事件綁定 149
6.2.2 事件移除 150
6.2.3 jQuery復合事件 150
6.2.4 上機訓練 153
上機練習2—仿京東左側菜單 153
任務3 jQuery中的動畫操作 153
6.3.1 元素的顯示與隱藏 154
6.3.2 元素的淡入淡出特效 155
6.3.3 元素的滑動特效 156
6.3.4 自定義動畫特效 158
6.3.5 上機訓練 163
上機練習3—制作京東常見問題分類頁面 163
第7章 jQuery中的DOM操作 167
任務1 jQuery中的DOM操作 168
7.1.1 DOM操作的分類 168
7.1.2 jQuery中的DOM操作 169
任務2 使用jQuery操作樣式 170
7.2.1 設置、獲取樣式值 170
7.2.2 追加、移除樣式 170
7.2.3 樣式的切換與判斷 172
任務3 使用jQuery操作元素內容 173
7.3.1 操作HTML代碼 173
7.3.2 操作標簽內容 174
7.3.3 操作屬性值 175
7.3.4 上機訓練 177
上機練習1—制作QQ簡易聊天框 177
任務4 jQuery中的節點操作與遍歷 178
7.4.1 操作節點 178
7.4.2 操作屬性 184
7.4.3 上機訓練 185
上機練習2—制作京東問答頁面 185
7.4.4 遍歷節點 187
7.4.5 CSS-DOM操作 191
7.4.6 上機訓練 193
上機練習3—制作凡客誠品幫助中心頁面 193
第8章 表單驗證 197
任務1 表單驗證概述 199
8.1.1 為什么要驗證表單 199
8.1.2 驗證哪些表單內容 200
8.1.3 表單的驗證步驟 201
任務2 表單驗證 201
8.2.1 表單選擇器語法 201
8.2.2 表單內容驗證 202
8.2.3 上機訓練 208
上機練習1—驗證注冊頁面中的電子郵箱 208
8.2.4 驗證提示特效 208
8.2.5 上機訓練 214
上機練習2—驗證貴美網站的注冊頁面 214
任務3 使用正則表達式驗證數據 215
8.3.1 使用正則表達式驗證背景 215
8.3.2 正則表達式概述 216
8.3.3 正則表達式的實際應用 221
8.3.4 上機訓練 223
上機練習3—驗證博客園用戶注冊頁面 223
任務4 HTML5驗證新特性 224
8.4.1 HTML5新屬性 224
8.4.2 validity屬性 224
8.4.3 上機訓練 227
上機練習4—使用HTML5方式驗證博客園用戶注冊頁面 227
第9章 jQuery中的AJAX 231
任務1 使用JavaScript發送AJAX請求 233
9.1.1 AJAX應用 233
9.1.2 AJAX工作原理 234
9.1.3 認識XMLHttpRequest 235
9.1.4 AJAX請求、響應原理 237
9.1.5 上機訓練 239
上機練習1—檢查用戶的注冊郵箱是否存在 239
任務2 使用jQuery發送AJAX請求 239
9.2.1 $.get()方法與$.post()方法 240
9.2.2 $.ajax()方法 241
9.2.3 上機訓練 243
上機練習2—驗證注冊郵箱是否可用 243
9.2.4 jQuery中的load()方法 243
9.2.5 上機訓練 244
上機練習3—刷新最新動態 244
任務3 使用JSON格式構建響應數據 245
9.3.1 JSON簡介 245
9.3.2 使用jQuery處理JSON數據 246
9.3.3 $.getJSON()方法 247
9.3.4 $.getScript ()方法 249
9.3.5 上機訓練 250
上機練習4—制作京東頁面輪播圖片效果 250
第 10章 項目案例：制作1號店網站網頁特效 253
任務1 項目概述 254
任務2 項目技能點及問題分析 258
10.2.1 案例覆蓋的技能點 258
10.2.2 問題分析 259
10.2.3 進度記錄 259
任務3 項目實現 260
10.3.1 用例1：首頁特效 260
10.3.2 用例2：搜索列表頁特效 263
10.3.3 用例3：商品詳情頁特效 265
10.3.4 用例4：注冊頁特效 266
10.3.5 用例5：登錄頁特效 268
新書資訊