第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 &nb素節點 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  在H素中調用 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.1jQuery能做什麼 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章  jQuery頁面控制 173
10.1  頁面內容操作 174
10.1.1  文本內容操作 174
10.1.2HTML內容操作 175
10.2  標記屬性操作 177
10.2.1獲取屬性的值 177
10.2.2設置屬性的值 178
10.2.3刪除屬性的值 179
10.3素操作 179
10.3.1  獲素的值 179
10.3.2設素的值 180
10.4 &nb素的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.3jQuery事件函數 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.4jcarousel插件 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

隨著用戶對頁面體驗要求的提高，JavaScript再度受到廣大技術人員的重視。另外，jQuery是一個非常優秀的JavaScript框架。對初學者來說，實用性強和易於操作是目前的需求。通過本書的案例實訓，大學生可以很快地上手這一流行的工具，提高職業化能力。
本書特色
(  零基礎、入門級的講解
無論您是否從事計算機相關工作，無論您是否接觸過網站前端開發，都能從本書中找到起點。
(  實用、專業的範例和項目
本書緊密結合網站前端開發的實例，從JavaScript的基本概念開始，逐步帶領讀者學習網站前端開發的各種應用技巧。本書側重實戰技能，使用簡單易懂的實際案例進行分析和操作指導，讓讀者學起來簡單輕松，操作起來有章可循。
(  隨時隨地學習
本書提供了微課視頻，通過手機掃碼即可觀看，可隨時隨地解決學習中的困惑。
本書微課視頻涵蓋書中所有知識點，詳細介紹了每個實例與項目的開發過程及技術關鍵點，可以讓讀者輕松地掌握網站前端開發知識，擴展的講解使讀者能夠得到更多的收獲。
(  超多容量王牌資源
八大王牌資源為讀者的學習保駕護航，包括精美教學幻燈片、案例源代碼、同步微課視頻、教學大綱、精選上機練習和答案、160套jQuery精彩案例、名企招聘考試題庫、畢業求職面試資源庫。
讀者對像
這是一本完整介紹網站前端開發技術的教程，內容豐富，條理清晰，實用性強，適合以下讀者學習使用：
* 零基礎的網站前端開發自學者；
* 希望快速、全面掌握網站前端開發的人員；
* 高等院校或培訓機構的老師和學生；
* 參加畢業設計的學生。

配套資料和幫助
為幫助讀者高效、快捷地學習本書知識點，我們不但準備了與本書知識點有關的配套素材文件，而且還設計制作了精品視頻教學課程，同時還為教師準備了PPT課件資源。購買本書的讀者，可以通過掃描下方的二維碼獲取相關的配套學習資源。讀者在學習本書的過程中，使用QQ或者微信掃一掃功能，掃描本書各標題右側的二維碼，可以在線觀看視頻課程，也可以下載並保存到手機裡離線觀看。

附贈資源
創作團隊
本書由潘祿生、吳軍強、張照淵主編，其中，甘肅畜牧工程職業技術學院的潘祿生老師負責編寫了第1～7章，共計195千字；甘肅省教育考試院的吳軍強老師負責編寫了第8～12章，共計141千字；甘肅省教育考試院的張照淵老師負責編寫了第13～15章，共計91.5千字。
在編寫本書的過程中，筆者雖竭盡所能將網站前端開發所涉及的知識點以淺顯易懂的方式呈現給讀者，但難免有疏漏和不妥之處，敬請讀者不吝指正。


                                                     編  者