本書是Web 前端開發(fā)的入門教材，主要介紹了JavaScript 和jQuery 的基礎(chǔ)知識(shí)和基本技能。采用活頁(yè)式教材的編寫理念，將各部分知識(shí)模塊化，整體內(nèi)容循序漸進(jìn)，精簡(jiǎn)了理論知識(shí)，更加注重案例與實(shí)踐練習(xí)，可逐步加強(qiáng)學(xué)習(xí)者對(duì)于Web 前端開發(fā)技術(shù)的理解和掌握。本書共包含12 個(gè)學(xué)習(xí)活動(dòng)。學(xué)習(xí)活動(dòng)1～9 圍繞JavaScript 進(jìn)行講解，主要包括輸入輸出數(shù)據(jù)、控制分支語(yǔ)句程序、控制程序循環(huán)執(zhí)行、存儲(chǔ)并編輯數(shù)組數(shù)據(jù)、JavaScript 代碼模塊化、JavaScript 對(duì)象、掌握J(rèn)avaScript 中BOM 操作、使用DOM 控制頁(yè)面元素、JavaScript事件處理。學(xué)習(xí)活動(dòng)10～11 圍繞jQuery 進(jìn)行講解，主要包括使用jQuery 框架處理元素、基于jQuery 的事件處理與動(dòng)畫效果。學(xué)習(xí)活動(dòng)12 圍繞正則表達(dá)式進(jìn)行講解。 本書內(nèi)容通俗易懂、突出實(shí)踐，可作為本科、高職院校計(jì)算機(jī)相關(guān)專業(yè)的Web 前端開發(fā)課程的教材，也可供廣大IT 技術(shù)初學(xué)者和編程愛好者自學(xué)使用。

王向華老師多年從事軟件開發(fā)及Web前端教學(xué)工作，教學(xué)經(jīng)驗(yàn)豐富，教學(xué)評(píng)價(jià)優(yōu)良，曾被評(píng)選為天津市師德先進(jìn)個(gè)人，參與多項(xiàng)科研項(xiàng)目的研發(fā)，作為科技特派員進(jìn)駐企業(yè)，與企業(yè)合作開發(fā)軟件系統(tǒng)，發(fā)表論文多篇，獲多個(gè)軟件著作權(quán)。曾指導(dǎo)學(xué)生獲取天津市高職高專技能大賽一等獎(jiǎng)，獲得全國(guó)高職高專技能大賽三等獎(jiǎng)，連續(xù)多年被評(píng)為校級(jí)先進(jìn)工作者和優(yōu)秀共產(chǎn)黨員。

學(xué)習(xí)活動(dòng)1 輸入輸出數(shù)據(jù) .......................................................................................................... 001
學(xué)習(xí)任務(wù)1 引入JavaScript 腳本 ....................................................................................... 003
學(xué)習(xí)任務(wù)2 聲明JavaScript 變量 ....................................................................................... 009
學(xué)習(xí)任務(wù)3 輸入輸出簡(jiǎn)單數(shù)據(jù) .......................................................................................... 013
學(xué)習(xí)任務(wù)4 輸入輸出表達(dá)式 .............................................................................................. 019
學(xué)習(xí)活動(dòng)2 控制分支語(yǔ)句程序 ................................................................................................. 025
學(xué)習(xí)任務(wù)1 使用單分支語(yǔ)句模擬話費(fèi)充值 ..................................................................... 027
學(xué)習(xí)任務(wù)2 使用雙分支語(yǔ)句判斷成績(jī) ............................................................................. 031
學(xué)習(xí)任務(wù)3 使用多分支語(yǔ)句判斷年齡區(qū)間 ..................................................................... 037
學(xué)習(xí)任務(wù)4 使用switch 語(yǔ)句控制圖片顯示 ..................................................................... 043
學(xué)習(xí)活動(dòng)3 控制程序循環(huán)執(zhí)行 ................................................................................................. 049
學(xué)習(xí)任務(wù)1 使用while 循環(huán)語(yǔ)句輸出表格 ...................................................................... 051
學(xué)習(xí)任務(wù)2 使用do-while 循環(huán)語(yǔ)句計(jì)算水仙花數(shù) ........................................................ 057
學(xué)習(xí)任務(wù)3 使用for 循環(huán)語(yǔ)句輸出圖片 ........................................................................... 061
學(xué)習(xí)任務(wù)4 控制循環(huán)流程 .................................................................................................. 065
學(xué)習(xí)活動(dòng)4 存儲(chǔ)并編輯數(shù)組數(shù)據(jù) ............................................................................................. 069
學(xué)習(xí)任務(wù)1 創(chuàng)建與遍歷一維數(shù)組 ...................................................................................... 071
學(xué)習(xí)任務(wù)2 創(chuàng)建、引用和遍歷關(guān)聯(lián)數(shù)組 ......................................................................... 077
學(xué)習(xí)任務(wù)3 創(chuàng)建與遍歷二維數(shù)組 ...................................................................................... 081
學(xué)習(xí)任務(wù)4 使用數(shù)組相關(guān)的方法 ...................................................................................... 085
學(xué)習(xí)任務(wù)5 數(shù)組排序 ................................................................................................................... 089
學(xué)習(xí)活動(dòng)5 JavaScript 代碼模塊化 ..................................................................................... 093
學(xué)習(xí)任務(wù)1 聲明和調(diào)用函數(shù)............................................................................................... 095
學(xué)習(xí)任務(wù)2 定義變量作用域............................................................................................... 101
學(xué)習(xí)任務(wù)3 使用匿名函數(shù) ................................................................................................... 107
學(xué)習(xí)任務(wù)4 使用回調(diào)函數(shù) ................................................................................................... 111
學(xué)習(xí)任務(wù)5 使用閉包函數(shù) ................................................................................................... 117
學(xué)習(xí)活動(dòng)6 JavaScript 對(duì)象 .................................................................................................. 121
學(xué)習(xí)任務(wù)1 String 對(duì)象屬性與方法 ................................................................................... 123
學(xué)習(xí)任務(wù)2 Math 對(duì)象屬性與方法 ..................................................................................... 128
學(xué)習(xí)任務(wù)3 Date 對(duì)象屬性與方法 ...................................................................................... 134
學(xué)習(xí)任務(wù)4 自定義對(duì)象 ....................................................................................................... 140
學(xué)習(xí)活動(dòng)7 掌握J(rèn)avaScript 中BOM 操作 ....................................................................... 147
學(xué)習(xí)任務(wù)1 使用window 對(duì)象控制瀏覽器 ....................................................................... 149
學(xué)習(xí)任務(wù)2 使用location 對(duì)象控制操作URL .................................................................. 155
學(xué)習(xí)任務(wù)3 使用history 對(duì)象控制瀏覽歷史..................................................................... 159
學(xué)習(xí)任務(wù)4 使用screen 對(duì)象獲取屏幕信息 ..................................................................... 163
學(xué)習(xí)任務(wù)5 使用document 對(duì)象操作文檔 ........................................................................ 166
學(xué)習(xí)活動(dòng)8 使用DOM 控制頁(yè)面元素 .................................................................................... 171
學(xué)習(xí)任務(wù)1 獲取頁(yè)面DOM 節(jié)點(diǎn) ....................................................................................... 173
學(xué)習(xí)任務(wù)2 添加與刪除頁(yè)面節(jié)點(diǎn) ...................................................................................... 177
學(xué)習(xí)任務(wù)3 通過(guò)DOM 編輯節(jié)點(diǎn)內(nèi)容 .............................................................................. 183
學(xué)習(xí)任務(wù)4 使用DOM 屬性控制節(jié)點(diǎn)樣式 ...................................................................... 189
學(xué)習(xí)活動(dòng)9 JavaScript 事件處理 .......................................................................................... 197
學(xué)習(xí)任務(wù)1 綁定事件 ........................................................................................................... 199
學(xué)習(xí)任務(wù)2 常見頁(yè)面事件 ................................................................................................... 205
學(xué)習(xí)任務(wù)3 常見鼠標(biāo)事件 ................................................................................................... 211
學(xué)習(xí)任務(wù)4 常見鍵盤事件 ................................................................................................... 219
學(xué)習(xí)任務(wù)5 事件冒泡與事件委托 ...................................................................................... 225
學(xué)習(xí)活動(dòng)10 使用jQuery 框架處理元素 ............................................................................... 231
學(xué)習(xí)任務(wù)1 引入和使用jQuery .......................................................................................... 233
學(xué)習(xí)任務(wù)2 使用jQuery 選擇器 ......................................................................................... 237
學(xué)習(xí)任務(wù)3 使用jQuery 添加或刪除節(jié)點(diǎn) ........................................................................ 248
學(xué)習(xí)任務(wù)4 使用jQuery 設(shè)置元素屬性 ............................................................................ 254
學(xué)習(xí)任務(wù)5 使用jQuery 設(shè)置元素樣式 ............................................................................ 260
學(xué)習(xí)任務(wù)6 使用jQuery 設(shè)置元素內(nèi)容 ............................................................................ 266
學(xué)習(xí)活動(dòng)11 基于jQuery 的事件處理與動(dòng)畫效果 .............................................................. 271
學(xué)習(xí)任務(wù)1 綁定與解綁事件 .............................................................................................. 273
學(xué)習(xí)任務(wù)2 處理jQuery 復(fù)合事件與事件委托 ................................................................ 279
學(xué)習(xí)任務(wù)3 使用jQuery 實(shí)現(xiàn)預(yù)定義動(dòng)畫效果 ................................................................ 283
學(xué)習(xí)任務(wù)4 實(shí)現(xiàn)自定義動(dòng)畫效果 ...................................................................................... 289
學(xué)習(xí)活動(dòng)12 正則表達(dá)式 ............................................................................................................ 295
學(xué)習(xí)任務(wù)1 創(chuàng)建與使用正則表達(dá)式 ................................................................................. 297
學(xué)習(xí)任務(wù)2 使用元字符控制正則表達(dá)式 ......................................................................... 301
學(xué)習(xí)任務(wù)3 其他方法匹配正則表達(dá)式 ............................................................................. 307