本書在“有趣、有效、只學有用的”的基礎上，結合學生的認知規(guī)律和學習現(xiàn)狀，使學生能夠在有限的課時內(nèi)，專業(yè)、深入地學習Web前端技術的相關知識。本書共有10個項目，按照知識點由淺入深地劃分為3篇，即Web知識儲備篇、Web案例提高篇和Web項目實戰(zhàn)篇，分別完成了知識點講解、案例講解和項目實戰(zhàn)，幫助學生掌握Web前端的核心技術——JavaScript與jQuery。本書明確的學習目標及循序漸進的知識體系，能夠使學生的理論知識和實踐技能同步提高。通過對本書的學習，學生能夠熟悉Web頁面的制作流程，了解常見的頁面布局效果，以及設計制作各種具有動態(tài)特效的網(wǎng)站。

盧秋錦，女，碩士，副教授，山西師范大學教育技術學專業(yè)，寧波城市職業(yè)技術學院專職教師，2017年11月全國職業(yè)院校信息化教學大賽高職組信息化實訓教學比賽二等獎；2018年11月全國職業(yè)院校技能大賽職業(yè)院校教學能力比賽三等獎；2020年12月浙江省互聯(lián)網(wǎng)+教學優(yōu)秀案例二等獎；2021年10月寧波市慕課聯(lián)盟三等獎；2020年11月浙江省高校教師教育技術成果三等獎；2019年11月浙江省高校教師教育技術成果三等獎；2019年12月浙江省高校微課比賽三等獎 ；2020年11月職業(yè)教育在線精品課程（在線金課）；2019年10月全國教育教學信息化交流展示活動三等獎；2021年5月寧波市職業(yè)教育德育類優(yōu)秀論文三等獎。

Web知識儲備篇
項目1 JavaScript 2
任務1.1 JavaScript基礎 3
1.1.1 認識JavaScript 3
1.1.2 JavaScript的前世今生 3
1.1.3 JavaScript的特點 3
1.1.4 JavaScript的作用 4
1.1.5 JavaScript的用法 4
1.1.6 JavaScript語句 6
1.1.7 JavaScript代碼規(guī)范 7
1.1.8 JavaScript數(shù)據(jù)結構 8
1.1.9 數(shù)據(jù)類型 10
1.1.10 運算符和表達式 12
動手實踐：簡單加法器的實現(xiàn) 18
任務1.2 程序控制結構和語句 19
1.2.1 基本處理流程 19
1.2.2 賦值語句 20
1.2.3 條件判斷語句 20
1.2.4 循環(huán)控制語句 24
1.2.5 對話框 31
動手實踐：九九乘法表的實現(xiàn) 33
任務1.3 JavaScript函數(shù) 34
1.3.1 函數(shù) 34
1.3.2 定義函數(shù) 35
1.3.3 函數(shù)參數(shù)的使用 36
1.3.4 函數(shù)的返回值 38
1.3.5 函數(shù)的調(diào)用 38
1.3.6 JavaScript中常用的函數(shù) 41
動手實踐：購物簡易計算器的制作 48
疑難解惑 51
?
小結 51
課后練習 52
項目2 數(shù)組與對象 53
任務2.1 數(shù)組 54
2.1.1 初始化數(shù)組 54
2.1.2 創(chuàng)建數(shù)組 54
2.1.3 數(shù)組的基本操作 55
2.1.4 數(shù)組的排序 58
2.1.5 常用的數(shù)組方法 61
動手實踐：三級聯(lián)動菜單的實現(xiàn) 67
任務2.2 對象 70
2.2.1 對象基礎 70
2.2.2 對象的創(chuàng)建 70
2.2.3 關鍵字new 72
2.2.4 遍歷對象 73
2.2.5 內(nèi)置對象 73
動手實踐：日歷的制作 77
疑難解惑 80
小結 80
課后練習 81
項目3 文檔對象模型與瀏覽器對象模型 82
任務3.1 文檔對象模型 83
3.1.1 什么是DOM 83
3.1.2 什么是DOM HTML 83
3.1.3 HTML元素操作 85
3.1.4 DOM節(jié)點操作 88
3.1.5 事件處理 89
動手實踐：動態(tài)添加課程 94
任務3.2 瀏覽器對象模型 95
3.2.1 window對象 95
3.2.2 窗口的操作 96
3.2.3 定時器 98
3.2.4 location對象 99
3.2.5 history對象 100
3.2.6 navigator對象 102
3.2.7 screen對象 103
動手實踐：廣告漂浮效果 105
疑難解惑 108
小結 108
課后習題 109
項目4 jQuery 111
任務4.1 jQuery基礎 112
4.1.1 什么是 jQuery 112
4.1.2 在網(wǎng)頁中如何添加 jQuery 112
動手實踐：我的第一個jQuery程序 113
任務4.2 jQuery語法及選擇器 114
4.2.1 jQuery語法 114
4.2.2 文檔就緒事件 114
4.2.3 jQuery選擇器 115
動手實踐：動態(tài)導購菜單的制作 140
任務4.3 jQuery動畫效果 143
4.3.1 jQuery基本動畫效果 143
4.3.2 淡入淡出動畫效果 147
4.3.3 滑動效果 153
4.3.4 自定義動畫 156
動手實踐：圖片輪播效果的實現(xiàn) 160
任務4.4 jQuery事件機制 164
4.4.1 事件函數(shù) 164
4.4.2 常用事件函數(shù) 164
動手實踐：動態(tài)添加和刪除學生信息 174
疑難解惑 178
小結 178
課后習題 179

Web案例提高篇
項目5 在線時鐘的實現(xiàn) 182
5.1 設計思路 183
5.2 具體實現(xiàn) 184
項目6 Web前端中在線學習功能的實現(xiàn) 186
6.1 功能介紹 187
6.2 布局分析 188
6.3 具體實現(xiàn) 188
項目7 “四季”標簽切換效果的實現(xiàn) 192
7.1 布局分析 193
7.2 具體實現(xiàn) 193
項目8 多級動畫菜單的實現(xiàn) 197
8.1 布局分析 198
8.2 具體實現(xiàn) 199
項目9 動態(tài)選項卡的實現(xiàn) 204
9.1 布局分析 205
9.2 HTML基本結構 205
9.3 添加CSS樣式 211
9.4 編寫jQuery代碼 217

Web項目實戰(zhàn)篇
項目10 綜合信息類網(wǎng)站首頁的實現(xiàn) 224
10.1 網(wǎng)站首頁整體布局的實現(xiàn) 226
10.2 頁面頭部、Banner及導航的具體實現(xiàn) 228
10.3 圖片輪播及最新動態(tài)列表的實現(xiàn) 231
10.4 走進浙江、浙江歷史等信息列表的實現(xiàn) 236
10.5 快速通道及頁腳信息的實現(xiàn) 243