內容簡介
《JavaScript+jQuery程式開發實用教程(微課版)》在上一版的基礎上對多個層面的內容進行了適當加深。全書側重於案例實訓,書中配有豐富的微課,讀者可以打開微課視頻更為直觀地學習有關網站前端開發的熱點案例。 《JavaScript+jQuery程式開發實用教程(微課版)》共15章,內容包括JavaScript概述、JavaScript語言基礎、對象的套用、數組對象、JavaScript表單對象、JavaScript視窗對象、文檔對象模型、JavaScript事件處理、jQuery框架快速入門、jQuery頁面控制、jQuery事件處理、設計網頁動畫特效、jQuery功能函式以及jQuery外掛程式,最後通過開發購物商城網站,進一步鞏固讀者的項目開發經驗。 《JavaScript+jQuery程式開發實用教程(微課版)》內容豐富,條理清晰,實用性較強,同時通過精選熱點案例,
圖書目錄
第1章 認識JavaScript 1
1.1 JavaScript概述 2
1.1.1 JavaScript的起源 2
1.1.2 JavaScript能做什麼 2
1.2 前端開發利器——WebStorm 4
1.3 JavaScript在HTML中的使用 5
1.3.1 嵌入JavaScript代碼 5
1.3.2 調用外部JavaScript檔案肯民婆院 7
1.3.3 作為標籤屬性值 8
1.4 JavaScript語法 10
1.4.1 代碼執行兆循獄順序 10
1.4.2 區分大小寫 10
1.4.3 分號與空迎榆市格 10
1.4.4 代碼折行標準 11
1.4.5 注釋語句獄旬 11
1.5 就業面試問題解答 11
1.6 上機練練手 12
第2章 JavaScript語言基礎 13
2.1 常量和變數 14
2.2 基本數據類型 16
2.3 運算符 18
2.4 條件判斷語句 22
2.4.1 簡單if語句 22
2.4.2 if...else語句 23
2.4.3 if...else if語句 24
2.4.4 switch語句 25
2.5 循環語句 27
2.5.1 while語句 27
2.5.2 do…while語句 29
2.5.3 for語句 30
2.6 跳轉語句 31
2.6.1 break語句笑寒膠 31
2.6.2 continue語句 33
2.7 函式的套用 34
2.7.1 定義函式 34
2.7.2 函式蘭試愚的調用 36
2.7.3 函式的參數與返回值狼局應料 37
2.8 就業面試問題解答 38
2.9 上機練練手 39
第3章 對象的套用 41
3.1 了解對象 42
3.1.1 什麼是對象 42
3.1.2 對象的屬性和方法 43
3.1.3 JavaScript對象分類 43
3.2 創建自定義對象 44
3.2.1 直接創建對象 45
3.2.2 使用Object對象創建對象 45
3.2.3 使用構造函式創建對象 47
3.3 對象訪問語句 52
3.3.1 for…in循環語句 52
3.3.2 with語句 53
3.4 常用內置對象 54
3.4.1 Math(算術)對象 54
3.4.2 Date(日期)對象 56
3.5 就業面試問題解答 59
3.6 上機練練手 59
第4章 數組對象 61
4.1 數組介紹 62
4.2 定義數組 62
4.3 數組屬性 64
4.3.1 prototype屬性 64
4.3.2 length屬性 65
4.4 數組元素操作 66
4.4.1 數組元素的輸入 66
4.4.2 數組元素的輸出 67
4.4.3 數組元素的添加 68
4.4.4 數組元素的刪除 69
4.5 數組的方法 69
4.5.1 連線兩個或更多的數組 70
4.5.2 將指定數值添加到數組 71
4.5.3 添加數組首元素 72
4.5.4 移除數組中的最後一個元素 73
4.5.5 刪除數組中的第一個元素 74
4.5.6 刪除數組中的指定元素 74
4.5.7 反序排列數組元素 75
4.5.8 對數組元素進行排序 76
4.5.9 獲取數組的部分數據 77
4.5.10 將數組元素連線為字元串 78
4.6 就業面試問題解答 79
4.7 上機練練手 80
第5章 JavaScript表單對象 81
5.1 認識表單對象 82
5.1.1 表單對象的屬性 82
5.1.2 訪問表單的方式 83
5.1.3 訪問表單元素 83
5.2 表單元素的套用 84
5.2.1 設定文本框 84
5.2.2 設定按鈕 86
5.2.3 設定單選按鈕 88
5.2.4 設定複選框 91
5.2.5 設定下拉選單 92
5.3 就業面試問題解答 95
5.4 上機練練手 95
第6章 JavaScript視窗對象 97
6.1 window對象 98
6.1.1 window對象的屬性 98
6.1.2 window對象的方法 99
6.2 打開與關閉視窗 99
6.3 控制視窗 102
6.3.1 移動視窗和改變視窗大小 102
6.3.2 獲取視窗歷史記錄 103
6.3.3 視窗定時器 104
6.4 對話框 105
6.4.1 警告對話框 105
6.4.2 確認對話框 107
6.4.3 提示對話框 108
6.5 就業面試問題解答 110
6.6 上機練練手 110
第7章 文檔對象模型 113
7.1 認識DOM 114
7.1.1 DOM簡介 114
7.1.2 基本的DOM方法 114
7.1.3 網頁的DOM模型框架 117
7.2 DOM模型的節點 118
7.2.1 元素節點 118
7.2.2 文本節點 119
7.2.3 屬性節點 120
7.3 操作DOM中的節點 121
7.3.1 訪問節點 121
7.3.2 創建節點 122
7.3.3 插入節點 123
7.3.4 刪除節點 124
7.3.5 複製節點 125
7.3.6 替換節點 125
7.4 DOM與CSS 126
7.4.1 改變CSS樣式 126
7.4.2 使用className屬性 127
7.5 就業面試問題解答 128
7.6 上機練練手 129
第8章 JavaScript事件處理 131
8.1 認識事件與事件處理 132
8.1.1 什麼是事件 132
8.1.2 JavaScript的常用事件 132
8.2 事件的調用方式 133
8.2.1 在JavaScript中調用 133
8.2.2 在HTML元素中調用 134
8.3 滑鼠相關事件 135
8.3.1 滑鼠單擊事件 135
8.3.2 滑鼠按下與鬆開事件 136
8.3.3 滑鼠移入與移出事件 137
8.3.4 滑鼠移動事件 138
8.4 鍵盤相關事件 138
8.4.1 onkeydown事件 139
8.4.2 onkeypress事件 139
8.4.3 onkeyup事件 140
8.5 表單相關事件 141
8.5.1 獲得焦點與失去焦點事件 141
8.5.2 失去焦點修改事件 142
8.5.3 表單提交與重置事件 143
8.6 就業面試問題解答 146
8.7 上機練練手 146
第9章 jQuery框架快速入門 149
9.1 認識jQuery 150
9.1.1 jQuery能做什麼 150
9.1.2 jQuery的特點 150
9.2 下載和安裝jQuery 151
9.2.1 下載jQuery 151
9.2.2 安裝jQuery 152
9.3 jQuery選擇器 152
9.3.1 基本選擇器 152
9.3.2 層級選擇器 155
9.3.3 過濾選擇器 157
9.3.4 屬性選擇器 167
9.4 就業面試問題解答 170
9.5 上機練練手 170
10.2.3 刪除屬性的值 179
10.3 表單元素操作 179
10.3.1 獲取表單元素的值 179
10.3.2 設定表單元素的值 180
10.4 元素的CSS樣式操作 181
10.4.1 添加CSS類 181
10.4.2 刪除CSS類 182
10.4.3 動態操控CSS類 183
10.4.4 獲取和設定CSS樣式 184
10.5 獲取與編輯DOM節點 186
10.5.1 插入節點 186
10.5.2 刪除節點 188
10.5.3 複製節點 189
10.5.4 替換節點 190
10.6 就業面試問題解答 191
10.7 上機練練手 191
第11章 jQuery事件處理 193
11.1 jQuery事件機制 194
11.1.1 什麼是jQuery事件機制 194
11.1.2 切換事件 194
11.1.3 事件冒泡 195
11.2 頁面載入事件 196
11.3 jQuery事件函式 197
11.3.1 鍵盤操作事件 197
11.3.2 滑鼠操作事件 198
11.3.3 其他常用事件 200
11.4 事件的基本操作 201
11.4.1 綁定事件 201
11.4.2 觸發事件 203
11.4.3 移除事件 203
11.5 就業面試問題解答 205
11.6 上機練練手 205
第12章 設計網頁動畫特效 207
12.1 jQuery基本動畫效果 208
12.1.1 隱藏元素 208
12.1.2 顯示元素 210
12.1.3 狀態切換 211
12.2 淡入淡出動畫效果 212
12.2.1 淡入隱藏元素 212
12.2.2 淡出可見元素 214
12.2.3 切換淡入淡出元素 215
12.2.4 淡入淡出元素至指定數值 216
12.3 滑動動畫效果 217
12.3.1 滑動顯示匹配的元素 217
12.3.2 滑動隱藏匹配的元素 218
12.3.3 動態切換元素的可見性 220
12.4 自定義動畫效果 221
12.4.1 創建自定義動畫 221
12.4.2 停止動畫 222
12.5 就業面試問題解答 223
12.6 上機練練手 224
第13章 jQuery功能函式 225
13.1 功能函式概述 226
13.2 常用的功能函式 226
13.2.1 運算元組和對象 226
13.2.2 操作字元串 230
13.2.3 序列化操作 232
13.3 就業面試問題解答 233
13.4 上機練練手 233
第14章 jQuery外掛程式套用與開發 235
14.1 理解外掛程式 236
14.1.1 什麼是外掛程式 236
14.1.2 從哪裡獲取外掛程式 236
14.1.3 如何使用外掛程式 236
14.2 流行的jQuery外掛程式 237
14.2.1 jQueryUI外掛程式 237
14.2.2 Form外掛程式 241
14.2.3 提示信息外掛程式 242
14.2.4 jcarousel外掛程式 243
14.3 自定義外掛程式 243
14.3.1 外掛程式的工作原理 243
14.3.2 自定義一個簡單外掛程式 244
14.4 就業面試問題解答 247
14.5 上機練練手 247
第15章 開發購物商城網站 249
15.1 購物商城系統設計 250
15.1.1 系統目標 250
15.1.2 系統功能結構 250
15.1.3 資料夾組織結構 250
15.2 網頁預覽 251
15.2.1 網站首頁效果 251
15.2.2 關於我們效果 253
15.2.3 商品展示效果 254
15.2.4 商品詳情效果 255
15.2.5 購物車效果 255
15.2.6 品牌故事效果 256
15.2.7 用戶登錄效果 256
15.2.8 用戶註冊效果 257
15.3 項目實現 257
15.3.1 首頁頁面 257
15.3.2 動態效果 271
15.3.3 購物車 272
15.3.4 登錄頁面 274
15.3.5 商品展示頁面 274
15.3.6 聯繫我們頁面 280
15.4 項目總結 282
5.3 就業面試問題解答 95
5.4 上機練練手 95
第6章 JavaScript視窗對象 97
6.1 window對象 98
6.1.1 window對象的屬性 98
6.1.2 window對象的方法 99
6.2 打開與關閉視窗 99
6.3 控制視窗 102
6.3.1 移動視窗和改變視窗大小 102
6.3.2 獲取視窗歷史記錄 103
6.3.3 視窗定時器 104
6.4 對話框 105
6.4.1 警告對話框 105
6.4.2 確認對話框 107
6.4.3 提示對話框 108
6.5 就業面試問題解答 110
6.6 上機練練手 110
第7章 文檔對象模型 113
7.1 認識DOM 114
7.1.1 DOM簡介 114
7.1.2 基本的DOM方法 114
7.1.3 網頁的DOM模型框架 117
7.2 DOM模型的節點 118
7.2.1 元素節點 118
7.2.2 文本節點 119
7.2.3 屬性節點 120
7.3 操作DOM中的節點 121
7.3.1 訪問節點 121
7.3.2 創建節點 122
7.3.3 插入節點 123
7.3.4 刪除節點 124
7.3.5 複製節點 125
7.3.6 替換節點 125
7.4 DOM與CSS 126
7.4.1 改變CSS樣式 126
7.4.2 使用className屬性 127
7.5 就業面試問題解答 128
7.6 上機練練手 129
第8章 JavaScript事件處理 131
8.1 認識事件與事件處理 132
8.1.1 什麼是事件 132
8.1.2 JavaScript的常用事件 132
8.2 事件的調用方式 133
8.2.1 在JavaScript中調用 133
8.2.2 在HTML元素中調用 134
8.3 滑鼠相關事件 135
8.3.1 滑鼠單擊事件 135
8.3.2 滑鼠按下與鬆開事件 136
8.3.3 滑鼠移入與移出事件 137
8.3.4 滑鼠移動事件 138
8.4 鍵盤相關事件 138
8.4.1 onkeydown事件 139
8.4.2 onkeypress事件 139
8.4.3 onkeyup事件 140
8.5 表單相關事件 141
8.5.1 獲得焦點與失去焦點事件 141
8.5.2 失去焦點修改事件 142