|
|
|
隨著互聯網技術的不斷發展，JavaScript語言及其相關技術越來越受到人們的關注，同時JavaScript框架也層出不窮。jQuery作為JavaScript框架中的代表，為廣大開發者提供了諸多便利，持久地佔據著Web開發技術中的重要位置。本書內容翔實、結構框架清晰、講解循序漸進，共分上下兩篇。上篇為JavaScript程式開發（共8章），以ES6為標準，講解了JavaScript的基礎概念、程式控制流、函數、物件、集合、ES6中引入的類操作以及背後的原型鏈等核心知識，同時介紹了通過原生API訪問DOM的方法。此外，在第8章中講解了一個完整的漸進式綜合案例的開發，在綜合案例中通過反復反覆運算，不斷改進內部邏輯，給讀者提供了一個透徹理解Web開發實踐的示範。
下篇為jQuery程式開發（共10章），通過豐富的案例詳細講解了jQuery框架的相關技術，主要包括jQuery的基礎、如何使用jQuery控制頁面、製作動畫與、簡化AJAX操作以及jQuery外掛程式等。本書講解的重點在於簡化JavaScript程式開發的步驟，注重實例之間的對比與遞進，充分展示了jQuery所帶來的變化。通過綜合案例，讓讀者進一步鞏固所學知識，提高綜合應用所學知識的能力。本書既可以作為高等院校相關專業的網頁設計與製作、前端開發等課程的教材，也可以作為JavaScript、jQuery初學者的入門用書，還可以作為使用者進一步學習相關語言與框架的參考資料。
溫謙
全棧工程師，前沿科技創始人，現從事企業大型軟件系統的分析與開發工作，擁有超20年的軟件開發經驗，主持並成功開發了多個複雜系統，專案實戰經驗豐富。
常銷書作者，畢業于華中科技大學計算機專業，主編網頁設計與軟件開發相關領域圖書共12本，圖書編寫經驗頗豐，其中《HTML+CSS網頁設計與佈局從入門到精通》《網頁設計與佈局專案化教程（HTML+CSS+DIV）》等圖書常銷10餘年，被百餘所高校選作教材。
【上篇】 JavaScript程式開發
第1章 JavaScript簡介
1.1 程式設計語言與JavaScript 02
1.2 JavaScript的起源、發展與標準化 06
1.2.1 起源 06
1.2.2 博弈與發展 07
1.2.3 標準的制定 07
1.3 JavaScript的組成 08
1.3.1 ECMAScript 08
1.3.2 DOM 08
1.3.3 BOM 09
1.3.4 新的開始 09
1.4 Web標準 10
1.4.1Web標準概述 10
1.4.2結構、表現、行為的分離 11
1.4.3前/後端分離成為Web頁面開發的主流模式 12
本章小結 13
習題１ 13
第2章 JavaScript基礎
2.1JavaScript的基本語法 14
2.2使用VSCode編寫第一個包含JavaScript代碼的頁面 16
2.2.1創建基礎的HTML檔 16
2.2.2編寫JavaScript代碼 17
2.2.3在流覽器中查看與調試代碼 18
2.3關鍵字與保留字 20
2.4變數 21
2.5數據類型 23
2.5.1數值型 23
2.5.2字串型 24
2.5.3布林型 27
2.5.4數據類型轉換 28
2.5.5數組 30
本章小結 34
習題2 34
第3章 程式控制流與函數
3.1順序結構：設定陳述式與運算式 35
3.2分支結構：條件陳述式 37
3.2.1比較運算子 37
3.2.2邏輯運算子 37
3.2.3if語句 38
3.2.4switch語句 39
3.3迴圈語句 41
3.3.1while語句 41
3.3.2do…while語句 41
3.3.3for語句 42
3.3.4break和continue語句 43
3.3.5實例：九九乘法表 45
3.3.6for…of語句 46
3.3.7for…in語句 47
3.4函數 48
3.4.1定義函數的基本方法 48
3.4.2arguments對象 50
3.4.3實例：楊輝三角 51
3.4.4變數的作用域 53
3.4.5函數作為函數的參數 55
3.4.6箭頭函數 57
3.5異常處理 58
本章小結 60
習題3 61
第4章 JavaScript中的物件
4.1理解物件的含義 62
4.1.1理解常見的“類-物件”結構 63
4.1.2理解JavaScript中的物件 64
4.1.3在JavaScript中創建對象 65
4.2時間日期：Date對象 70
4.3數學計算：Math對象 73
4.4基本類型與裝箱 76
4.4.1Boolean 77
4.4.2Number 77
4.4.3String 78
4.5BOM簡介 79
4.5.1window對象 79
4.5.2location對象 82
4.5.3navigator對象 83
4.5.4screen對象 85
4.5.5history對象 85
本章小結 88
習題4 88
第5章 在JavaScript中使用集合
5.1數組 90
5.1.1數組的基本操作 90
5.1.2作為不同數據結構的數組 92
5.2對象 96
5.3集合類型 98
5.3.1Map集合 98
5.3.2Set集合 99
本章小結 101
習題5 101
第6章 類與原型鏈
6.1使用類語法實現封裝 103
6.1.1類的聲明與定義 103
6.1.2通過類創建對象 104
6.1.3定義方法與調用方法 105
6.1.4存取器 106
6.1.5static 108
6.1.6instanceof運算子 108
6.2使用類語法實現繼承 109
6.3基於構造函數和原型的物件導向機制 112
6.3.1封裝 112
6.3.2繼承 113
6.3.3原型與原型鏈 115
本章小結 118
習題6 118
第7章 DOM
7.1網頁中的DOM框架 120
7.2DOM中的節點 121
7.2.1元素節點 121
7.2.2文本節點 122
7.2.3屬性節點 122
7.3通過JavaScript訪問DOM 122
7.3.1訪問節點 123
7.3.2檢測節點類型 124
7.3.3父子兄關係 125
7.3.4節點的屬性 128
7.3.5創建和操作節點 129
7.4DOM與CSS 132
7.4.1HTML、CSS、JavaScript三位一體 133
7.4.2className屬性 133
7.5事件 134
7.5.1事件與事件流 135
7.5.2事件監聽 136
7.5.3事件物件 138
7.6動手實踐：動態控制表格 139
7.6.1動態添加 140
7.6.2修改儲存格內容 142
7.6.3動態刪除 143
本章小結 146
習題7 146
第8章 綜合案例一：以反覆運算方式開發計算器
8.1案例概述 147
8.2新螢幕 149
8.3按鈕操作 150
8.4輸入數字 151
8.5輸入小數點 153
8.6處理運算子 153
8.7重置計算器 156
8.8修復小數點錯誤 157
8.9重構事件監聽器 157
8.10浮點精度 158
*8.11實現先乘除後加減 158
*8.12實現支持括弧 160
本章小結 165
【下篇】 jQuery程式開發
第9章 jQuery基礎
9.1jQuery概述 168
9.1.1jQuery簡介 168
9.1.2下載並使用jQuery 169
9.2jQuery的＄ 170
9.2.1選擇器 170
9.2.2功能函數首碼 172
9.2.3[removed] 173
9.2.4創建DOM元素 173
9.2.5擴展jQuery 174
9.2.6衝突問題 176
本章小結 176
習題9 176
第10章 jQuery選擇器與管理結果集
10.1選擇器 178
10.1.1屬性選擇器 178
10.1.2包含選擇器 180
10.1.3位置選擇器 181
10.1.4過濾選擇器 184
10.1.5反向選擇器 186
10.2遍歷DOM 187
10.2.1children() 187
10.2.2parent()和parents() 189
10.2.3siblings() 191
10.3管理結果集 193
10.3.1獲取選中元素的個數 193
10.3.2提取元素 194
10.3.3添加、刪除、過濾 196
10.3.4查找 200
10.3.5遍歷 201
10.4jQuery鏈 202
本章小結 202
習題10 203
第11章 使用jQuery控制DOM
11.1標記的屬性 204
11.1.1獲取屬性的值 205
11.1.2設置屬性的值 206
11.1.3刪除屬性 208
11.2元素的樣式 209
11.2.1添加、刪除CSS類別 209
11.2.2動態切換 210
11.2.3直接獲取、設置樣式 210
11.3頁面的元素 212
11.3.1直接獲取和編輯內容 212
11.3.2添加元素 214
11.3.3刪除元素 218
11.3.4克隆元素 220
11.4表單元素的值 222
11.4.1獲取表單元素的值 222
11.4.2設置表單元素的值 223
本章小結 224
習題11 224
第12章 jQuery事件
12.1事件監聽 226
12.2刪除事件 229
12.3事件物件 230
12.4事件觸發 232
12.5事件的動態交替 233
12.5.1hover事件的交替 233
12.5.2click事件的交替 234
12.6事件委託 235
12.7實例：速食線上 237
12.7.1框架搭建 237
12.7.2添加事件 239
12.7.3樣式 241
本章小結 244
習題12 244
第13章 jQuery的功能函數
13.1處理JavaScript物件 245
13.1.1遍歷 245
13.1.2數據過濾 247
13.1.3數組的轉化 248
13.1.4數組元素的查找 251
13.2獲取外部代碼 252
本章小結 253
習題13 254
第14章 jQuery與AJAX
14.1認識AJAX 255
14.1.1AJAX的基本概念 255
14.1.2AJAX的組成部分 257
14.2獲取非同步數據 258
14.2.1傳統方法 258
14.2.2jQuery的load()方法 259
14.3GET與POST 261
14.4控制AJAX 263
14.4.1設置AJAX訪問伺服器的細節 263
14.4.2全域設定AJAX 266
14.4.3AJAX事件 267
14.4.4實例：模擬百度的數據載入 269
14.5實例：利用jQuery製作自動提示的文字方塊 271
14.5.1框架結構 271
14.5.2匹配用戶輸入 272
14.5.3顯示清除提示框 273
本章小結 277
習題14 277
第15章 jQuery製作動畫與
15.1元素的顯示和隱藏 279
15.1.1show()和hide() 279
15.1.2實例：多級菜單 280
15.1.3toggle() 282
15.2淡入淡出的 283
15.2.1再探討show()、hide()和toggle() 283
15.2.2fadeIn()和fadeOut() 284
15.2.3自訂變化透明度 286
15.3幻燈片 287
15.4自訂動畫 289
本章小結 290
習題15 290
第16章 jQuery外掛程式
16.1模擬加入購物車 292
16.1.1滑鼠拖曳 292
16.1.2拖入購物車 296
16.1.3模態框提示 298
16.2流行的Tab功能表 300
16.3輪播圖 303
16.3.1使用前準備 304
16.3.2使用輪播圖外掛程式 304
16.3.3調整輪播圖效果 306
本章小結 308
習題16 308
第17章 綜合案例二：網頁留言本
17.1基本留言本 309
17.2改用AJAX方式實現留言本 311
17.2.1讀取留言列表 311
17.2.2保存並返回新留言 312
17.2.3留言本入口頁面 312
17.3對表單數據進行驗證 314
本章小結 315
第18章 綜合案例三：網頁圖片剪裁器
18.1整體分析 317
18.2頁面HTML結構和CSS樣式 318
18.2.1HTML結構 318
18.2.2選區部分的結構與樣式 319
18.3實現核心邏輯 320
18.3.1定義基礎類 320
18.3.2定義Cropper類 322
18.4使用jQuery處理交互邏輯 326
18.4.1初始化圖片 326
18.4.2控制選區 327
18.4.3終剪裁 331
本章小結 332
