JavaScript與jQuery網頁前端開發與設計（第2版·微課視頻·題庫版）

目錄

第一部分　概  述  篇

第1章  緒論 2

1.1  JavaScript概述 2

1.1.1  JavaScript簡介 2

1.1.2  JavaScript的起源 2

1.1.3  JavaScript和Java 2

1.1.4  JavaScript的特點 3

1.2  jQuery概述 3

1.2.1  jQuery簡介 3

1.2.2  jQuery的發展史 3

1.2.3  jQuery的特點 4

1.2.4  jQuery版本的比較 4

1.3  Web開發工具 5

1.3.1  Adobe Dreamweaver 5

1.3.2  Sublime Text 6

1.3.3  Notepad++ 6

1.3.4  EditPlus 7

1.3.5  Visual Studio Code 7

1.3.6  WebStorm 7

本章小結 9

習題1 9

第二部分　JavaScript技術篇

第2章  JavaScript入門 12

2.1  JavaScript的實現 12

2.2  JavaScript的使用 12

2.2.1  內部JavaScript 13

2.2.2  外部JavaScript 14

2.3  JavaScript的語法 15

2.3.1  JavaScript中的大小寫 15

2.3.2  JavaScript中的分號 15

2.3.3  JavaScript中的註釋 15

2.3.4  JavaScript中的代碼塊 16

2.4  JavaScript變量 16

2.4.1  變量的聲明 16

2.4.2  變量的命名規範 17

2.4.3  JavaScript關鍵字和保留字 18

2.5  JavaScript彈窗 19

2.5.1  警告對話框（alert） 19

2.5.2  提示對話框（prompt） 19

2.5.3  確認對話框（confirm） 20

本章小結 21

習題2 22

第3章  JavaScript數據類型與運算符 23

3.1  JavaScript基本數據類型 23

3.1.1  Undefined類型 23

3.1.2  Null類型 24

3.1.3  String類型 25

3.1.4  Number類型 35

3.1.5  Boolean類型 40

3.2  JavaScript對象類型 42

3.2.1  本地對象 42

3.2.2  內置對象 50

3.2.3  宿主對象 53

3.3  JavaScript類型轉換 53

3.3.1  轉換成字符串 53

3.3.2  轉換成數字 54

3.3.3  強制類型轉換 58

3.4  JavaScript運算符 59

3.4.1  賦值運算符 59

3.4.2  算術運算符 59

3.4.3  邏輯運算符 60

3.4.4  關系運算符 64

3.4.5  相等性運算符 66

3.4.6  條件運算符 67

3.5  階段案例：生肖計算? 68

3.5.1  案例需求 68

3.5.2  案例分析 68

3.5.3  案例製作 68

3.5.4  案例思考 69

本章小結 69

習題3 70

第4章  JavaScript語句與函數 71

4.1  JavaScript條件語句 71

4.1.1  幾種if語句 71

4.1.2  switch語句 73

4.2  JavaScript循環語句 74

4.2.1  for循環 75

4.2.2  for…in循環 76

4.2.3  while循環 77

4.2.4  do…while循環 78

4.2.5  break語句和continue語句 79

4.3  JavaScript函數 81

4.3.1  函數的基本結構 81

4.3.2  函數的調用 81

4.3.3  函數的返回值 82

4.4  階段案例：猜數字小游戲? 84

4.4.1  案例需求 84

4.4.2  案例分析 84

4.4.3  案例製作 85

4.4.4  案例思考 88

本章小結 88

習題4 88

第5章  JavaScript DOM和BOM 89

5.1  文檔對象模型 89

5.1.1  查找HTML元素 89

5.1.2  DOM HTML 91

5.1.3  DOM CSS 94

5.1.4  DOM事件 95

5.1.5  DOM節點 97

5.2  瀏覽器對象模型 100

5.2.1  Window對象 101

5.2.2  Screen對象 102

5.2.3  Location對象 103

5.2.4  History對象 103

5.2.5  Navigator對象 104

5.3  階段案例：Nim博弈小游戲? 106

5.3.1  案例需求 106

5.3.2  案例分析 106

5.3.3  案例製作 107

5.3.4  案例思考 109

本章小結 110

習題5 110

第三部分　jQuery技術篇

第6章  jQuery入門 112

6.1  jQuery的下載和使用 112

6.1.1  jQuery的下載 112

6.1.2  jQuery的使用 113

6.2  jQuery的語法 113

6.2.1  基礎語法格式 113

6.2.2  文檔就緒函數 113

6.2.3  jQuery名稱沖突 114

本章小結 115

習題6 115

第7章  jQuery選擇器與過濾器 116

7.1  jQuery選擇器 116

7.1.1  基礎選擇器 116

7.1.2  屬性選擇器 123

7.1.3  表單選擇器 124

7.1.4  層次選擇器 126

7.1.5  jQuery CSS選擇器 131

7.2  jQuery過濾器 132

7.2.1  基礎過濾器 132

7.2.2  子元素過濾器 139

7.2.3  內容過濾器 146

7.2.4  可見性過濾器 150

7.3  階段案例：網頁一鍵換膚? 154

7.3.1  案例需求 154

7.3.2  案例分析 154

7.3.3  案例製作 154

7.3.4  案例思考 157

本章小結 158

習題7 158

第8章  jQuery事件 159

8.1  jQuery事件概述 159

8.1.1  事件的含義 159

8.1.2  jQuery事件的語法格式 159

8.2  常用的jQuery事件 160

8.2.1  文檔/窗口事件 160

8.2.2  鍵盤事件 164

8.2.3  鼠標事件 166

8.2.4  表單事件 176

8.3  jQuery事件的綁定與解除 181

8.3.1  jQuery事件的綁定 181

8.3.2  jQuery事件的解除 184

8.3.3  jQuery臨時事件 189

8.4  階段案例：鼠標懸停切換圖片? 190

8.4.1  案例需求 190

8.4.2  界面設計 190

8.4.3  邏輯實現 193

8.4.4  案例思考 194

本章小結 194

習題8 194

第9章  jQuery特效 195

9.1  jQuery隱藏和顯示 195

9.1.1  jQuery hide() 195

9.1.2  jQuery show() 196

9.1.3  jQuery toggle() 197

9.2  jQuery淡入和淡出 199

9.2.1  jQuery fadeIn() 199

9.2.2  jQuery fadeOut() 199

9.2.3  jQuery fadeToggle() 201

9.2.4  jQuery fadeTo() 203

9.3  jQuery滑動 205

9.3.1  jQuery slideDown() 205

9.3.2  jQuery slideUp() 206

9.3.3  jQuery slideToggle() 208

9.4  jQuery動畫 209

9.4.1  改變元素的基本屬性 210

9.4.2  改變元素的位置 212

9.4.3  動畫隊列 214

9.5  jQuery方法鏈接 216

9.6  jQuery停止動畫 218

9.7  階段案例：動態下拉菜單特效? 220

9.7.1  案例需求 220

9.7.2  界面設計 221

9.7.3  邏輯實現 223

9.7.4  案例思考 224

本章小結 224

習題9 224

第10章  jQuery HTML DOM 225

10.1  jQuery獲取和設置 225

10.1.1  jQuery text() 225

10.1.2  jQuery html() 227

10.1.3  jQuery val() 229

10.1.4  jQuery attr() 230

10.1.5  jQuery css() 232

10.2  jQuery添加 234

10.2.1  jQuery append()和prepend() 234

10.2.2  jQuery after()和before() 238

10.3  jQuery刪除 240

10.3.1  jQuery remove() 240

10.3.2  jQuery empty() 242

10.3.3  jQuery removeAttr() 243

10.4  jQuery類屬性 245

10.4.1  jQuery addClass() 245

10.4.2  jQuery removeClass() 245

10.4.3  jQuery toggleClass() 247

10.5  jQuery尺寸 248

10.6  階段案例：仿公眾號留言板? 251

10.6.1  案例需求 251

10.6.2  界面設計 251

10.6.3  邏輯實現 255

10.6.4  案例思考 256

本章小結 257

習題10 257

第11章  jQuery遍歷 258

11.1  HTML家族樹簡介 258

11.2  jQuery後代遍歷 259

11.2.1  jQuery children() 259

11.2.2  jQuery find() 261

11.3  jQuery同胞遍歷 262

11.3.1  jQuery siblings() 263

11.3.2  jQuery next()、nextAll()

       和nextUntil() 264

11.3.3  jQuery prev()、prevAll()

       和prevUntil() 267

11.4  jQuery祖先遍歷 271

11.4.1  jQuery parent() 271

11.4.2  jQuery parents() 272

11.4.3  jQuery parentsUntil() 274

11.5  階段案例：仿電商購物車效果 276

11.5.1  案例需求? 276

11.5.2  界面設計 276

11.5.3  邏輯實現? 281

11.5.4  案例思考 290

本章小結 291

習題11 291

第12章  jQuery AJAX技術 292

12.1  jQuery AJAX簡介 292

12.1.1  什麽是AJAX 292

12.1.2  AJAX的實現原理 292

12.1.3  jQuery AJAX 293

12.2  準備工作? 293

12.2.1  臨時服務器的搭建 293

12.2.2  文件訪問測試 295

12.3  jQuery AJAX常用方法 295

12.3.1  jQuery AJAX load()方法 295

12.3.2  jQuery AJAX get()方法 299

12.3.3  jQuery AJAX post()方法 301

12.3.4  jQuery AJAX ajax()方法 304

12.3.5  jQuery AJAX更多方法

       介紹 308

12.4  jQuery AJAX事件 309

12.5  階段案例：簡易單詞查詢? 310

12.5.1  案例需求 310

12.5.2  準備工作 310

12.5.3  界面設計 312

12.5.4  邏輯實現 314

12.5.5  案例思考 315

本章小結 315

習題12 316

第四部分　綜  合  篇

第13章  天氣預報查詢的設計與實現 318

13.1  案例背景 318

13.2  案例需求 318

13.3  準備工作 319

13.3.1  API密鑰申請? 319

13.3.2  API調用方法? 321

13.4  界面設計 324

13.4.1  整體佈局設計? 324

13.4.2  切換城市版塊設計? 327

13.4.3  天氣狀況版塊設計? 328

13.4.4  實況氣象數據版塊設計? 328

13.5  天氣預報查詢的實現? 330

13.5.1  jQuery AJAX請求接口的

實現 330

13.5.2  根據城市查詢天氣數據的

實現 331

13.6  最終效果展示 331

本章小結 332

參考資料 332

習題13 332

第14章  思政答題程序的設計與實現 333

14.1  案例背景 333

14.2  案例需求? 334

14.3  準備工作 334

14.3.1  服務器端準備? 334

14.3.2  題庫素材? 335

14.3.3  接口製作? 336

14.4  界面設計 337

14.4.1  公共樣式? 337

14.4.2  答題頁設計? 338

14.4.3  結果頁設計? 343

14.5  邏輯實現 345

14.5.1  答題頁邏輯? 345

14.5.2  結果頁邏輯? 354

14.6  最終效果展示 356

本章小結 357

參考資料 358

習題14 358

JavaScript與jQuery網頁前端開發與設計?(第2版·微課視頻·題庫版)  

  目錄