JavaScript+jQuery動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)（微課版）

第1章 JavaScript概述 1
1.1 初識(shí)JavaScript 1
1.1.1 JavaScript簡介 1
1.1.2 JavaScript的發(fā)展 1
1.1.3 JavaScript的特點(diǎn) 2
1.1.4 JavaScript的用途 2
1.2 開發(fā)環(huán)境 3
1.2.1 代碼編輯器 3
1.2.2 JavaScript程序的編寫和運(yùn)行 3
1.3 JavaScript的引入和調(diào)試方法 4
1.3.1 網(wǎng)頁中引入JavaScript的方法 5
1.3.2 常用輸出語句 6
1.4 JavaScript的消息框 7
1.5 實(shí)訓(xùn)案例 9
1.6 本章小結(jié) 11
1.7 練習(xí)題 11
第2章 數(shù)據(jù)類型和運(yùn)算符 12
2.1 JavaScript的語法規(guī)則 12
2.1.1 區(qū)分大小寫 12
2.1.2 代碼的格式 12
2.1.3 代碼的注釋 12
2.1.4 標(biāo)識(shí)符 13
2.1.5 保留字 13
2.2 變量 14
2.2.1 變量的聲明 14
2.2.2 變量的賦值 14
2.3 數(shù)據(jù)類型 15
2.3.1 基本數(shù)據(jù)類型 15
2.3.2 數(shù)據(jù)類型轉(zhuǎn)換 17
2.4 運(yùn)算符 19
2.4.1 算術(shù)運(yùn)算符 20
2.4.2 字符串運(yùn)算符 21
2.4.3 賦值運(yùn)算符 21
2.4.4 關(guān)系運(yùn)算符 22
2.4.5 邏輯運(yùn)算符 23
2.4.6 條件運(yùn)算符 24
2.4.7 位運(yùn)算符 24
2.4.8 運(yùn)算符的優(yōu)先級(jí) 25
2.5 實(shí)訓(xùn)案例 26
2.6 本章小結(jié) 27
2.7 練習(xí)題 27
第3章 JavaScript的流程控制 29
3.1 選擇結(jié)構(gòu) 29
3.1.1 單分支語句 29
3.1.2 雙分支語句 30
3.1.3 多分支語句 30
3.1.4 switch語句 32
3.2 循環(huán)結(jié)構(gòu) 33
3.2.1 while語句 33
3.2.2 do…while語句 34
3.2.3 for語句 34
3.2.4 for…in語句 35
3.2.5 嵌套循環(huán) 36
3.3 跳轉(zhuǎn)語句 37
3.3.1 break語句 37
3.3.2 continue語句 38
3.4 實(shí)訓(xùn)案例 39
3.5 本章小結(jié) 41
3.6 練習(xí)題 41
第4章 函數(shù) 43
4.1 函數(shù)的定義和調(diào)用 43
4.1.1 函數(shù)的定義 43
4.1.2 函數(shù)的調(diào)用 44
4.2 函數(shù)參數(shù) 45
4.2.1 無參函數(shù) 45
4.2.2 有參函數(shù) 45
4.2.3 數(shù)組參數(shù) 47
4.3 函數(shù)的返回值 48
4.4 變量的作用域 48
4.5 函數(shù)的嵌套和遞歸 49
4.5.1 嵌套函數(shù) 49
4.5.2 遞歸函數(shù) 50
4.6 函數(shù)類型 52
4.6.1 函數(shù)表達(dá)式 52
4.6.2 匿名函數(shù) 52
4.7 實(shí)訓(xùn)案例 53
4.8 本章小結(jié) 56
4.9 練習(xí)題 56
第5章 JavaScript中的對(duì)象 59
5.1 面向?qū)ο蟾攀?59
5.1.1 面向?qū)ο蟮幕靖拍?59
5.1.2 面向?qū)ο蟪绦蛟O(shè)計(jì)特點(diǎn) 59
5.1.3 對(duì)象的屬性和方法 60
5.2 創(chuàng)建JavaScript對(duì)象 60
5.2.1 用對(duì)象文字方法創(chuàng)建對(duì)象 61
5.2.2 用new方法動(dòng)態(tài)創(chuàng)建對(duì)象 62
5.2.3 用工廠方式創(chuàng)建對(duì)象 62
5.2.4 用構(gòu)造函數(shù)創(chuàng)建對(duì)象 63
5.3 內(nèi)置對(duì)象 64
5.3.1 String對(duì)象 64
5.3.2 Number對(duì)象 66
5.3.3 Math對(duì)象 67
5.3.4 Date對(duì)象 68
5.3.5 Array對(duì)象 70
5.4 實(shí)訓(xùn)案例 76
5.5 本章小結(jié) 78
5.6 練習(xí)題 78
第6章 BOM對(duì)象 80
6.1 BOM對(duì)象簡介 80
6.2 window對(duì)象 81
6.2.1 彈出對(duì)話框和窗口 81
6.2.2 窗口位置和大小 84
6.2.3 定時(shí)器 86
6.3 location對(duì)象 88
6.4 history對(duì)象 89
6.5 frame對(duì)象 91
6.6 navigator對(duì)象 92
6.7 實(shí)訓(xùn)案例 93
6.8 本章小結(jié) 96
6.9 練習(xí)題 96
第7章 DOM對(duì)象 98
7.1 DOM簡介 98
7.1.1 什么是DOM 98
7.1.2 HTML DOM樹 98
7.2 HTML元素操作 99
7.2.1 獲取HTML DOM元素 99
7.2.2 元素內(nèi)容操作 103
7.2.3 元素屬性操作 104
7.2.4 元素樣式操作 107
7.3 DOM節(jié)點(diǎn)操作 112
7.3.1 獲取節(jié)點(diǎn) 112
7.3.2 節(jié)點(diǎn)追加 113
7.3.3 節(jié)點(diǎn)刪除 115
7.4 網(wǎng)頁元素的位置和大小 117
7.5 實(shí)訓(xùn)案例 119
7.5.1 標(biāo)簽欄切換效果 119
7.5.2 圖片放大特效 122
7.6 本章小結(jié) 124
7.7 練習(xí)題 124
第8章 事件 127
8.1 事件處理 127
8.1.1 事件概述 127
8.1.2 事件的綁定方式 128
8.2 事件對(duì)象 130
8.2.1 獲取事件對(duì)象 130
8.2.2 常用屬性和方法 131
8.3 常用的事件 134
8.3.1 頁面事件 134
8.3.2 鼠標(biāo)事件 136
8.3.3 鍵盤事件 138
8.3.4 焦點(diǎn)事件 139
8.3.5 表單事件 141
8.4 實(shí)訓(xùn)案例 143
8.5 本章小結(jié) 145
8.6 練習(xí)題 145
第9章 正則表達(dá)式 148
9.1 認(rèn)識(shí)正則表達(dá)式 148
9.2 創(chuàng)建正則表達(dá)式 150
9.3 正則表達(dá)式的字符 151
9.3.1 普通字符 151
9.3.2 元字符 151
9.3.3 字符集合 152
9.3.4 限定符 153
9.3.5 括號(hào)字符 154
9.3.6 正則運(yùn)算符優(yōu)先級(jí) 158
9.4 與正則相關(guān)的方法 158
9.4.1 RegExp類中的方法 158
9.4.2 String類中的方法 160
9.5 實(shí)訓(xùn)案例 162
9.6 本章小結(jié) 166
9.7 練習(xí)題 167
第10章 jQuery的元素操作 168
10.1 jQuery概述 168
10.2 jQuery的選擇器 170
10.2.1 基本選擇器 170
10.2.2 層次選擇器 171
10.2.3 過濾選擇器 172
10.2.4 表單選擇器 176
10.3 jQuery中元素內(nèi)容的操作 178
10.4 jQuery中元素樣式的操作 179
10.4.1 元素樣式操作 179
10.4.2 元素的大小和偏移操作 181
10.4.3 元素樣式類操作 182
10.5 jQuery中元素屬性的操作 183
10.6 元素的篩選和查找 186
10.7 jQuery中的DOM操作 189
10.7.1 插入元素 189
10.7.2 替換元素 191
10.7.3 刪除元素 191
10.7.4 獲取元素 192
10.8 實(shí)訓(xùn)案例 194
10.9 本章小結(jié) 197
10.10 練習(xí)題 197
第11章 jQuery的事件處理 200
11.1 jQuery中的事件處理 200
11.1.1 表單事件 200
11.1.2 鍵盤事件 204
11.1.3 鼠標(biāo)事件 205
11.1.4 瀏覽器事件 207
11.1.5 頁面加載事件 208
11.2 事件綁定與切換 208
11.2.1 事件的綁定與取消綁定 208
11.2.2 綁定單次事件 209
11.2.3 多個(gè)事件綁定同一個(gè)
函數(shù) 209
11.2.4 多個(gè)事件綁定不同的
處理函數(shù) 210
11.2.5 為以后創(chuàng)建的元素
委派事件 211

11.3 jQuery中的合成事件 212
11.4 實(shí)訓(xùn)案例 214
11.5 本章小結(jié) 217
11.6 練習(xí)題 217
第12章 jQuery動(dòng)畫效果 220
12.1 顯示與隱藏效果 220
12.1.1 隱藏元素的hide()方法 220
12.1.2 顯示元素的show()方法 221
12.1.3 交替顯示隱藏元素 222
12.1.4 實(shí)訓(xùn)案例 222
12.2 滑動(dòng)效果 224
12.2.1 向上收縮效果 224
12.2.2 向下展開效果 225
12.2.3 交替伸縮效果 225
12.2.4 實(shí)訓(xùn)案例 226
12.3 淡入淡出效果 228
12.3.1 淡出效果 228
12.3.2 淡入效果 229
12.3.3 交替淡入淡出效果 229
12.3.4 不透明效果 230
12.3.5 實(shí)訓(xùn)案例 230
12.4 自定義動(dòng)畫效果 232
12.4.1 自定義動(dòng)畫 232
12.4.2 動(dòng)畫隊(duì)列 234
12.4.3 動(dòng)畫的停止和延時(shí) 234
12.4.4 實(shí)訓(xùn)案例 235
12.5 本章小結(jié) 239
12.6 練習(xí)題 239
第13章 Ajax基礎(chǔ) 242
13.1 Web基礎(chǔ)知識(shí) 242
13.1.1 Web?服務(wù)器 242
13.1.2 HTTP 243
13.2 Web服務(wù)器搭建 243
13.2.1 PHP開發(fā)環(huán)境 244
13.2.2 前后端交互 245
13.3 Ajax入門 248
13.3.1 什么是Ajax 248
13.3.2 Ajax向服務(wù)器發(fā)送請(qǐng)求 248
13.3.3 處理服務(wù)器返回的信息 250
13.3.4 FormData JavaScript
無刷新表單信息提交 253
13.4 jQuery操作Ajax 254
13.4.1 load()方法 255
13.4.2 $.get()方法 256
13.4.3 $.post?()方法 257
13.4.4 $.ajax()方法 257
13.4.5 $.ajaxSetup()方法 258
13.5 實(shí)訓(xùn)案例 259
13.6 本章小結(jié) 261
13.7 練習(xí)題 262
參考答案 264
參考文獻(xiàn) 269