JavaScript+jQuery前端開發基礎教程（第2版）（微課版）

夏帮贵，西华大学副教授，1998年毕业于西南大学计算机应用专业，已出版Python、Java、前端开发等相关教材十余部。主编教材《Python3基础教程(第2版)(慕课版)》入选首批“十四五” 职业教育国家规划教材，《JavaScript+jQuery前端开发基础教程(微课版)》(慕课版)》《OpenCV计算机视觉基础教程(Python版)》入选四川省“十四五”职业教育省级规划教材。

第 1章

JavaScript基礎　1

1.1　JavaScript簡介　1

1.1.1　JavaScript版本　1

1.1.2　JavaScript特點　2

1.2　JavaScript編程工具　2

1.2.1　安裝VS Code　3

1.2.2　使用VS Code　4

1.2.3　使用瀏覽器開發人員工具　6

1.3　在HTML中使用JavaScript　7

1.3.1　嵌入式JavaScript腳本　7

1.3.2　鏈接JavaScript腳本　10

1.4　JavaScript基本語法　12

1.4.1　區分大小寫　12

1.4.2　可忽略空格、換行符和製表符　12

1.4.3　不強制使用語句結束符號　13

1.4.4　註釋　13

1.4.5　標識符命名規則　13

1.4.6　輸入和輸出語句　14

1.5　編程實踐：在頁面中輸出唐詩　14

1.6　小結　15

1.7　習題　15

第　2章

JavaScript核心語法基礎　18

2.1　數據類型和變量　18

2.1.1　數據類型　18

2.1.2　數據類型轉換　22

2.1.3　變量　22

2.2　運算符與表達式　26

2.2.1　算術運算符　26

2.2.2　字符串運算符　27

2.2.3　關系運算符　28

2.2.4　邏輯運算符　30

2.2.5　位運算符　31

2.2.6　賦值運算符　32

2.2.7　特殊運算符　33

2.2.8　運算符的優先級　35

2.2.9　表達式中的數據類型轉換　36

2.3　流程控制語句　37

2.3.1　if語句　37

2.3.2　switch語句　39

2.3.3　for循環　41

2.3.4　while循環　42

2.3.5　do/while循環　43

2.3.6　continue語句　44

2.3.7　break語句　45

2.4　編程實踐：根據用戶選擇顯示名著作品

作者信息　46

2.5　小結　47

2.6　習題　47

第3章

數組和函數　49

3.1　數組　49

3.1.1　創建數組　49

3.1.2　使用數組　50

3.1.3　數組的屬性　55

3.1.4　操作數組的方法　57

3.2　函數　62

3.2.1　定義函數　62

3.2.2　調用函數　63

3.2.3　帶參數的函數　65

3.2.4　嵌套函數　68

3.2.5　遞歸函數　68

3.3　內置函數　69

3.4　編程實踐：模擬漢諾塔移動　72

3.5　小結　74

3.6　習題　74

第4章

異常和事件處理　76

4.1　異常處理　76

4.1.1　捕獲和處理異常　76

4.1.2　拋出異常　78

4.2　事件處理　79

4.2.1　理解事件　79

4.2.2　註冊事件處理程序　81

4.2.3　事件處理程序的調用　84

4.2.4　阻止事件傳播　86

4.2.5　頁面加載與卸載事件　87

4.2.6　鼠標事件　88

4.2.7　鍵盤事件　89

4.2.8　表單提交事件　90

4.3　編程實踐：響應鼠標操作　92

4.4　小結　93

4.5　習題　93

第5章

JavaScript的面向對象　95

5.1　對象　95

5.1.1　創建對象　95

5.1.2　使用對象屬性　97

5.1.3　對象的方法　98

5.1.4　構造函數　99

5.1.5　with語句　100

5.2　原型對象和繼承　101

5.3　內置對象　102

5.3.1　Math對象　102

5.3.2　Date對象　104

5.3.3　String對象　106

5.4　類　108

5.4.1　使用工廠函數定義類　108

5.4.2　使用構造函數定義類　109

5.4.3　使用class關鍵字定義類　110

5.4.4　為類添加和修改方法　111

5.4.5　子類　112

5.5　編程實踐：輸出隨機素數　113

5.6　小結　114

5.7　習題　114

第6章

瀏覽器對象　116

6.1　Window對象　116

6.1.1　Window對象層次結構　116

6.1.2　Window對象的常用屬性和方法　116

6.1.3　定時操作　118

6.1.4　錯誤處理　119

6.1.5　Navigator對象　120

6.1.6　Screen對象　121

6.1.7　窗口操作　121

6.1.8　用ID引用HTML標記　124

6.2　Document對象　125

6.2.1　常用屬性和方法　125

6.2.2　動態輸出文檔　126

6.2.3　瞭解DOM　127

6.2.4　獲得HTML標記引用　128

6.2.5　遍歷文檔節點　131

6.2.6　訪問HTML標記屬性　133

6.2.7　訪問HTML標記內容　133

6.2.8　創建、添加和刪除節點　135

6.3　Form對象　139

6.3.1　引用表單和表單元素　139

6.3.2　表單事件　139

6.4　編程實踐：選項卡切換　140

6.5　小結　142

6.6　習題　143

第7章

jQuery簡介　145

7.1　瞭解jQuery　145

7.1.1　jQuery主要功能　145

7.1.2　jQuery主要特點　146

7.2　jQuery資源　146

7.2.1　下載jQuery　146

7.2.2　查看jQuery文檔　147

7.2.3　jQuery學習中心　148

7.2.4　中文學習資源　148

7.3　使用jQuery　149

7.3.1　引入jQuery　149

7.3.2　jQuery語法　149

7.3.3　選取HTML標記　151

7.3.4　上下文　151

7.3.5　將HTML標記轉換為jQuery

對象　152

7.3.6　使用鏈接方法調用　153

7.3.7　jQuery命名空間　153

7.4　編程實踐：在頁面加載視頻　155

7.5　小結　156

7.6　習題　156

第8章

jQuery選擇器和過濾器　158

8.1　基礎選擇器　158

8.1.1　ID選擇器　158

8.1.2　類名選擇器　159

8.1.3　元素選擇器　159

8.1.4　復合選擇器　160

8.1.5　通配符選擇器　160

8.2　層級選擇器　161

8.2.1　祖孫選擇器　161

8.2.2　父子選擇器　162

8.2.3　相鄰節點選擇器　163

8.2.4　兄弟節點選擇器　164

8.3　過濾器　164

8.3.1　基礎過濾器　165

8.3.2　內容過濾器　166

8.3.3　子元素過濾器　167

8.3.4　可見性過濾器　168

8.3.5　表單過濾器　169

8.3.6　屬性過濾器　170

8.4　編程實踐：動態提示　171

8.5　小結　172

8.6　習題　172

第9章

操作頁面內容　174

9.1　元素內容操作　174

9.1.1　html()方法和text()方法　174

9.1.2　val()方法　175

9.1.3　attr()方法　176

9.2　插入內容　177

9.2.1　append()方法和appendTo()

方法　177

9.2.2　prepend()方法和prependTo()

方法　180

9.2.3　after()方法和insertAfter()方法　181

9.2.4　before()方法和insertBefore()

方法　183

9.3　包裝內容　185

9.3.1　wrap()方法　185

9.3.2　wrapAll()方法　186

9.3.3　wrapInner()方法　187

9.3.4　unwrap()方法　187

9.4　替換內容　188

9.4.1　replaceWith()方法　188

9.4.2　replaceAll()方法　191

9.5　刪除內容　191

9.5.1　empty()方法　191

9.5.2　remove()方法　192

9.5.3　detach()方法　192

9.6　復制內容　193

9.7　樣式操作　194

9.7.1　css()方法　194

9.7.2　CSS類操作方法　195

9.8　編程實踐：jQuery版的選項卡

切換　196

9.9　小結　198

9.10　習題　198

第　10章

jQuery事件處理　200

10.1　jQuery事件對象　200

10.1.1　事件對象構造函數　200

10.1.2　事件對象屬性　201

10.1.3　事件對象方法　202

10.2　附加和解除事件處理函數　203

10.2.1　附加事件處理函數　203

10.2.2　解除事件處理函數　204

10.3　事件快捷方法　205

10.3.1　瀏覽器事件快捷方法　205

10.3.2　表單事件快捷方法　206

10.3.3　鍵盤事件快捷方法　206

10.3.4　鼠標事件快捷方法　207

10.4　編程實踐：jQuery版的自由

拖放　208

10.5　小結　209

10.6　習題　209

第　11章

jQuery特效　211

11.1　簡單特效　211

11.1.1　隱藏元素　211

11.1.2　顯示元素　213

11.1.3　隱藏/顯示切換　214

11.2　透明度特效　215

11.2.1　淡入效果　216

11.2.2　淡出效果　216

11.2.3　調整透明度　217

11.2.4　淡入淡出切換　217

11.3　滑動特效　218

11.3.1　滑入效果　218

11.3.2　滑出效果　219

11.3.3　滑入滑出切換效果　219

11.4　自定義動畫　220

11.4.1　字面量動畫　220

11.4.2　相對量動畫　221

11.4.3　自定義顯示或隱藏　221

11.4.4　位置動畫　222

11.5　動畫相關的屬性和方法　223

11.5.1　動畫延時　223

11.5.2　停止動畫　223

11.5.3　結束動畫　224

11.5.4　禁止動畫效果　224

11.6　編程實踐：動態顯示和隱藏選項卡

內容　225

11.7　小結　226

11.8　習題　226

第　12章

AJAX　229

12.1　使用XMLHttpRequest　229

12.1.1　AJAX概述　229

12.1.2　部署服務器　230

12.1.3　創建XMLHttpRequest對象　233

12.1.4　XMLHttpRequest對象常用

屬性　233

12.1.5　XMLHttpRequest對象常用

方法　234

12.1.6　處理普通文本響應結果　237

12.1.7　處理XML響應結果　239

12.1.8　處理JSON響應結果　241

12.2　使用