《JavaScript+jQuery程序設計（慕課版）》是一本JavaScript程序設計互聯網教材，買書送名師，明日科技資深講師面對面授課。本課程依托人民郵電出版社自主開發的在線教育慕課平臺——人郵學院（www.rymooc.com），該平臺具有完備的在線“教、學、測”功能。人郵學院提供體繫完整的100學時慕課教學視頻同步講解，即學即練的在線測試。書中附有188個微課視頻，掃一掃書中二維碼，便可隨時隨地學習。附贈300餘道習題和自測題， PPT 課件、案例源代碼、自測試卷、拓展案例等豐富的配套資源。

本書作為JavaScript+jQuery程序設計的教程，繫統全面地介紹了有關JavaScript+jQuery網站開發所涉及的各類知識。全書共分17章，內容包括JavaScript簡介、JavaScript語言基礎、JavaScript自定義對像、常用內部對像、JavaScript事件處理、JavaScript常用文檔對像、文檔對像模型、Window對像、AJAX技術、jQuery簡介、jQuery選擇器、jQuery控制頁面、jQuery的事件處理、jQuery的動畫效果、React簡介、綜合開發實例——365影視網站設計、課程設計——購物車設計。全書每章內容都與實例緊密結合，有助於學生理解知識、應用知識，達到學以致用的目的。
本書為慕課版教材，各章節主要內容配備了以二維碼為載體的微課，並在人郵學院（www.rymooc.com）平臺上提供了慕課。此外，本書還提供了課程資源包。資源包中提供了本書所有實例、上機指導、綜合案例的源代碼、制作精良的電子課件PPT、自測題庫（包括選擇題、填空題、操作題題庫及自測試卷等內容）。其中，源代碼全部經過精心測試，能夠在Windows XP、Windows 7繫統下編譯和運行。

第1章 JavaScript簡介1
1．1JavaScript簡述2
1．1．1JavaScript的起源2
1．1．2JavaScript的主要特點2
1．1．3JavaScript的應用3
1．2編寫JavaScript的工具4
1．3JavaScript在HTML中的使用5
1．3．1在頁面中直接嵌入JavaScript代碼5
實例：編寫第一個JavaScript程序
1．3．2鏈接外部JavaScript文件8
實例：調用外部JavaScript文件
1．3．3作為標簽的屬性值使用10
1．4JavaScript基本語法10
1．4．1執行順序10
1．4．2大小寫敏感10
1．4．3空格與換行11
1．4．4每行結尾的分號11
1．4．5注釋11
小結11
上機指導12
習題12
第2章JavaScript語言基礎13
2．1數據類型14
2．1．1數值型14
實例：數字123不同進制的輸出結果
2．1．2字符串型16
實例：定義四個字符串並輸出
2．1．3布爾型17
2．1．4特殊數據類型18
2．2常量和變量18
2．2．1常量18
2．2．2變量18
實例：輸出兩個變量的值
2．3運算符和表達式20
2．3．1什麼是運算符和表達式20
2．3．2運算符的應用21
實例：應用算術運算符對兩個變量進行運算
2．3．3表達式中的類型轉換29
實例：輸出表達式的結果
2．4JavaScript基本語句30
2．4．1條件判斷語句30
實例：獲取3個數中的最大值
2．4．2循環控制語句38
實例：計算100以內所有奇數的和
2．4．3跳轉語句43
實例：計算1~100的所有5的倍數的和
2．4．4異常處理語句45
實例：使用try…catch…finally語句處理異常
2．5函數47
2．5．1函數的定義47
2．5．2函數的調用48
2．5．3函數的參數49
實例：函數參數的使用
2．5．4函數的返回值50
實例：函數返回值的簡單應用
2．5．5嵌套函數51
實例：函數嵌套調用的應用
2．5．6遞歸函數53
實例：遞歸函數的應用
2．5．7變量的作用域54
2．5．8內置函數55
2．5．9定義函數的其他方法60
實例：獲取從1到給定參數之間的所有3的倍數
小結61
上機指導61
習題62
第3章JavaScript自定義對像63
3．1對像簡介64
3．1．1什麼是對像64
3．1．2對像的屬性和方法64
3．1．3JavaScript對像的種類64
3．2自定義對像的創建65
3．2．1直接創建自定義對像65
3．2．2通過自定義構造函數創建對像66
實例：創建一個球員對像Player
3．2．3通過繫統內置的Object對像創建自定義對像69
實例：創建一個圖書對像book
3．3對像訪問語句71
3．3．1for…in循環語句71
實例：輸出對像中的所有屬性和值
3．3．2with語句72
小結73
上機指導73
習題74
第4章常用內部對像75
4．1Math對像76
4．1．1Math對像的屬性76
實例：計算圓的周長和面積
4．1．2Math對像的方法76
實例：生成指定位數的隨機數
4．2Number對像78
4．2．1創建Number對像78
4．2．2Number對像的屬性79
4．2．3Number對像的方法80
4．3Date對像83
4．3．1創建Date對像83
4．3．2Date對像的屬性85
4．3．3Date對像的方法86
實例：輸出當前的日期和時間
4．4數組對像89
4．4．1數組介紹89
4．4．2定義數組90
4．4．3操素91
實例：創建數組並輸素
4．4．4數組的屬性94
實例：在365影視網中循環輸出影片信息
4．4．5數組的方法97
實例：將數素順序顛倒後顯示
4．5String對像105
4．5．1String對像的創建105
4．5．2String對像的屬性105
實例：獲取字符串變量和字符串對像的長度
4．5．3String對像的方法107
實例：獲取指定字符在字符串中的出現次數
小結116
上機指導116
習題118
第5章JavaScript事件處理119
5．1事件與事件處理概述120
5．1．1什麼是事件120
5．1．2JavaScript的常用事件120
5．1．3事件的調用122
5．1．4事件對像123
5．2表單相關事件123
5．2．1獲得焦點事件與失去焦點事件123
實例：改變文本框的背景顏色
5．2．2失去焦點內容改變事件125
實例：改變文本框的字體顏色
5．2．3表單提交與重置事件126
實例：判斷提交的表單中是否有空文本框
5．3鼠標鍵盤事件128
5．3．1鼠標單擊事件128
實例：動態改變頁面的背景顏色
5．3．2鼠標按下和松開事件129
實例：按下鼠標時改變字體顏色
5．3．3鼠標移入移出事件130
實例：動態改變圖片的焦點
5．3．4鼠標移動事件131
實例：在狀態欄中顯示當前鼠標的位置
5．3．5鍵盤事件131
實例：利用鍵盤中的A鍵對頁面進行刷新
5．4頁面事件134
5．4．1加載與卸載事件134
實例：網頁加載時縮小圖片
5．4．2頁面大小事件135
實例：鼠標拖動瀏覽器邊框使其恢復原始大小
小結136
上機指導136
習題137
第6章JavaScript常用文檔對像138
6．1Document對像139
6．1．1文檔對像概述139
6．1．2文檔對像的常用屬性、方法與事件139
6．1．3Document對像的應用141
實例：設置超鏈接的文字顏色
6．1．4JavaScript中的cookie設置146
實例：將表單注冊信息寫入Cookie
6．2表單對像153
6．2．1訪問表單素153
6．2．2表單對像的常用屬性、方法與
事件154
6．2．3表單對像的應用155
實例：驗證表單內容是否為空
6．3圖像對像157
6．3．1圖像對像概述157
6．3．2圖像對像的應用157
實例：圖片置頂
小結163
上機指導163
習題165
第7章文檔對像模型166
7．1DOM概述167
7．1．1DOM分層167
7．1．2DOM級別168
7．2DOM對像節點屬性168
7．2．1訪問指定節點169
實例：訪問指定節點
7．2．2遍歷文檔樹170
實例：遍歷文檔樹
7．3節點173
7．3．1創建節點173
實例：創建新的節點
7．3．2插入節點175
實例：插入節點
7．3．3復制節點176
實例：復制節點
7．3．4刪除與替換節點178
實例：刪除節點
7．4獲取文檔中素180
7．4．1素的ID屬素180
實例：在365影視網中實現導航菜單功能
7．4．2素的name屬素183
實例：在365影視網中實現電影圖片輪換效果
7．5與DHTML相對應的DOM184
7．5．1innerHTML和innerText屬性184
7．5．2outerHTML和outerText屬性185
實例：顯示分時問候
小結187
上機指導187
習題188
第8章Window對像189
8．1Window對像概述190
8．1．1Window對像的屬性190
8．1．2Window對像的方法190
8．1．3Window對像的使用191
8．2對話框191
8．2．1警告對話框191
實例：彈出警告對話框
8．2．2確認對話框192
實例：彈出確認對話框
8．2．3提示對話框193
實例：彈出提示對話框並返回相應數據
8．3打開與關閉窗口193
8．3．1打開窗口194
實例：在365影視網中實現在新窗口中打開影片詳情頁面
8．3．2關閉窗口196
實例：關閉子窗口同時刷新父窗口
8．4控制窗口198
8．4．1移動窗口198
實例：實現窗口的反彈效果
8．4．2窗口滾動200
實例：頁面自動滾動
8．4．3改變窗口大小202
實例：彈出自動改變大小的窗口
8．4．4控制窗口狀態欄203
實例：狀態欄中文字從右向左依次彈出的效果
8．4．5訪問窗口歷史205
8．4．6設置超時206
8．5窗口事件206
8．5．1通用窗口事件206
8．5．2擴展窗口事件206
小結207
上機指導207
習題208
第9章AJAX技術209
9．1AJAX概述210
9．1．1什麼是AJAX210
9．1．2AJAX應用案例210
9．1．3AJAX的開發模式211
9．1．4AJAX的優點212
9．2AJAX的技術組成213
9．2．1XMLHttpRequest對像213
9．2．2XML語言213
9．2．3JavaScript腳本語言215
9．2．4DOM215
9．2．5CSS215
9．3XMLHttpRequest對像215
9．3．1XMLHttpRequest對像的初始化216
9．3．2XMLHttpRequest對像的常用屬性216
9．3．3XMLHttpRequest對像的常用方法218
實例：讀取HTML文件並輸出結果
小結221
上機指導221
習題222
第10章jQuery簡介223
10．1jQuery概述224
10．1．1jQuery能做什麼224
10．1．2jQuery的特點225
10．2jQuery下載與配置226
10．2．1下載jQuery226
10．2．2配置jQuery227
10．3jQuery的插件227
10．3．1插件的使用227
10．3．2流行的插件228
小結230
習題230
第11章jQuery選擇器231
11．1jQuery的工廠函數232
11．2基本選擇器232
11．2．1ID選擇器232
實例：獲取文本框中輸入的值
11．2素選擇器233
實例：單擊按素內容
11．2．3類名選擇器235
實例素的CSS樣式
11．2．4復合選擇器236
實素添加新的樣式
11．2．5通配符選擇器237
11．3層級選擇器237
11．3．1ancestor descendan選擇器238
實例：為版權列表設置樣式
11．3．2parent > child選擇器239
實例：獲取表單中文本框的值
11．3．3prev + next選擇器240
實例：改素的背景顏色
11．3．4prev ~ siblings選擇器241
實例：篩選頁面中素素
11．4過濾選擇器242
11．4．1簡單過濾器242
實例：實現一個帶表頭的雙色表格
11．4．2內容過濾器245
實例：應用內容過濾器格
11．4．3可見性過濾器247
實例：獲取隱藏和顯示的in素的值
11．4．4表單對像的屬性過濾器247
實例：匹配表單中素
11．4．素選擇器249
11．5屬性選擇器249
11．6表單選擇器250
實例：匹配表單素並實現不同的操作
小結251
上機指導252
習題253
第12章jQuery控制頁面254
12．素內容和值進行操作255
12．1．素內容操作255
實例：獲取素的文本內容與HTML內容
12．1．素值操作257
實例：為多行列表框設置並獲取值
12．2對DOM節點進行操作258
12．2．1查找節點259
12．2．2創建節點259
12．2．3插入節點259
12．2．4刪除、復制與替換節點260
實例：實現我的開心小農場
12．素屬性進行操作264
實例：復選框的全選、反選與全不選
12．素的CSS樣式操作268
12．4．1通過修改CSS類實現樣式操作268
實例：修素的CSS樣式
12．4．2通過修改CSS屬性實現樣式操作270
實例：生成一個可以編輯的表格
小結272
上機指導272
習題275
第13章jQuery的事件處理276
13．1頁面加載響應事件277
13．2jQuery中的事件277
實例：實現橫向導航菜單功能
13．3事件綁定281
13．3．素綁定事件281
實例：實現表格的動態換膚
13．3．2移除綁定282
13．3．3綁定一次性事件處理282
13．4模擬用戶操作283
13．4．1模擬用戶的操作觸發事件283
實例：自動執行按鈕的click事件
13．4．2模仿懸停事件284
實例：鼠標指向圖片時為圖片加邊框
13．4．3模擬鼠標連續單擊事件284
實例：實現圖片的放大與縮小
小結286
上機指導286
習題289
第14章jQuery的動畫效果290
14．1基本的動畫效果291
14．1．1隱素291
14．1．2顯素291
實例：自動隱藏式菜單
14．1．3素的可見狀態293
實例：全部資源與精簡資源的切換
14．2淡入淡出的動畫效果296
實例：具有淡入淡出動畫效果的自動隱藏式菜單
14．3滑動效果297
14．3．1滑動顯示素297
14．3．2滑動隱藏素298
實例：伸縮式導航菜單
14．3．3通過高度的變化動素的可見性300
14．4自定義的動畫效果301
14．4．1使用animate()方法創建自定義動畫301
實例：在365影視網中實現即將上線影片信息向上滾動的效果
14．4．2使用stop()方法停止動畫303
小結304
上機指導304
習題306
第15章React簡介307
15．1React概述308
15．1．1什麼是React308
15．1．2React的常用術語308
15．2創建Re素309
15．2．1安裝React309
15．2．2使用JavaScript創建Re素309
15．2．3使用JSX創建Re素310
實例：在模板中定義一個數組並輸出
15．3創建組件312
15．3．1創建無狀態React組件312
15．3．2創建有狀態React組件313
實例：控制按鈕可用狀態
小結315
上機指導315
習題316
第16章綜合開發實例——365影視網站設計317
16．1繫統分析318
16．2繫統設計318
16．2．1繫統目標318
16．2．2繫統功能結構318
16．2．3開發環境319
16．2．4文件夾組織結構320
16．3網頁預覽320
16．4關鍵技術322
16．4．1JavaScript腳本技術322
16．4．2AJAX無刷新技術324
16．4．3jQuery技術328
16．5首頁技術實現329
16．5．1JavaScript實現導航菜單329
16．5．2JavaScript實現圖片的輪換效果332
16．5．3AJAX實現熱門專題頁面333
16．5．4JavaScript實現電影圖片不間斷滾動335
16．5．5JavaScript實現浮動窗口336
16．5．6jQuery實現滑動門效果338
16．5．7jQuery實現向上間斷滾動效果340
16．6查看影片詳情頁面342
小結343
第17章課程設計——購物車設計344
17．1購物車概述345
17．1．1功能概述345
17．1．2購物車操作流程345
17．1．3程序預覽346
17．2繫統設計347
17．2．1繫統目標347
17．2．2開發環境347
17．2．3文件夾組織結構347
17．3熱點關鍵技術348
17．3．1JavaScript中的cookie348
17．3．2應用AJAX技術實現用戶登錄348
17．3．3判斷用戶訪問權限349
17．4用戶登錄設計349
17．4．1用戶登錄功能概述349
17．4．2自動生成驗證碼350
17．4．3用戶登錄功能的實現350
17．5購物車操作352
17．5．1添加至購物車352
17．5．2查看購物車355
17．5．3修改商品購買數量356
17．5．4移除購物車中指定商品357
17．5．5清空購物車359
小結360