JavaScript+jQuery動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)（全案例微課版）

第1章 初識(shí)JavaScript     001
1.1 JavaScript概述    002
1.1.1 JavaScript的起源   002
1.1.2 JavaScript能做什么   002
1.2 網(wǎng)頁(yè)開(kāi)發(fā)利器——WebStorm  004
1.3 JavaScript在HTML中的使用  004
1.3.1 嵌入JavaScript代碼  004
1.3.2 調(diào)用外部JavaScript文件   006
1.3.3 作為標(biāo)簽的屬性值使用    007
1.4 JavaScript的語(yǔ)法    008
1.5 新手常見(jiàn)疑難問(wèn)題    009
1.6 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)    010
第2章 JavaScript語(yǔ)言基礎(chǔ)     011
2.1 數(shù)據(jù)類型   012
2.1.1 數(shù)值型   012
2.1.2 字符串型   015
2.1.3 布爾型   017
2.1.4 未定義類型  018
2.1.5 空類型   018
2.2 JavaScript的常量    019
2.3 JavaScript的變量    019
2.3.1 變量的命名  019
2.3.2 變量的聲明  020
2.3.3 變量的賦值  020
2.3.4 變量的類型  021
2.3.5 變量的作用域   021
2.4 新手常見(jiàn)疑難問(wèn)題    022
2.5 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)    023
第3章 運(yùn)算符與表達(dá)式    024
3.1 運(yùn)算符    025
3.1.1 算術(shù)運(yùn)算符  025
3.1.2 賦值運(yùn)算符  026
3.1.3 字符串運(yùn)算符   027
3.1.4 比較運(yùn)算符  028
3.1.5 邏輯運(yùn)算符  029
3.1.6 條件運(yùn)算符  030
3.1.7 位運(yùn)算符   030
3.1.8 移位運(yùn)算符  031
3.1.9 其他運(yùn)算符  032
3.2 運(yùn)算符優(yōu)先級(jí)     032
3.3 表達(dá)式    033
3.4 數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則   037
3.5 新手常見(jiàn)疑難問(wèn)題    038
3.6 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)    038
第4章 程序控制語(yǔ)句     040
4.1 條件判斷語(yǔ)句     041
4.1.1 簡(jiǎn)單if語(yǔ)句     041
4.1.2 if else語(yǔ)句     042
4.1.3 if else if語(yǔ)句   043
4.1.4 if語(yǔ)句的嵌套    043
4.1.5 switch語(yǔ)句   044
4.2 循環(huán)語(yǔ)句   046
4.2.1 while語(yǔ)句   046
4.2.2 do while語(yǔ)句   047
4.2.3 for語(yǔ)句     048
4.2.4 循環(huán)語(yǔ)句的嵌套    049
4.3 跳轉(zhuǎn)語(yǔ)句   051
4.3.1 break 語(yǔ)句    051
4.3.2 continue 語(yǔ)句     052
4.4 新手常見(jiàn)疑難問(wèn)題    053
4.5 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)    054
第5 章 函數(shù)的應(yīng)用    055
5.1 函數(shù)的定義    056
5.2 函數(shù)的調(diào)用    058
5.3 函數(shù)的參數(shù)與返回值   059
5.4 內(nèi)置常規(guī)函數(shù)     061
5.5 JavaScript 特殊函數(shù)   063
5.5.1 嵌套函數(shù)    063
5.5.2 遞歸函數(shù)    064
5.5.3 內(nèi)嵌函數(shù)    065
5.6 新手常見(jiàn)疑難問(wèn)題    065
5.7 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)    066
第6 章 對(duì)象的應(yīng)用    067
6.1 了解對(duì)象   068
6.1.1 什么是對(duì)象   068
6.1.2 對(duì)象的屬性和方法    068
6.1.3 JavaScript 對(duì)象的分類   069
6.2 創(chuàng)建自定義對(duì)象的方法    070
6.2.1 直接定義并創(chuàng)建自定義對(duì)象     070
6.2.2 使用Object 對(duì)象創(chuàng)建自定義對(duì)象   071
6.2.3 使用自定義構(gòu)造函數(shù)創(chuàng)建對(duì)象   072
6.3 對(duì)象訪問(wèn)語(yǔ)句     076
6.4 常用內(nèi)置對(duì)象     078
6.4.1 Math（算數(shù)）對(duì)象     078
6.4.2 Date（日期）對(duì)象     080
6.5 新手常見(jiàn)疑難問(wèn)題    083
6.6 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)    083
第7 章 數(shù)組對(duì)象的應(yīng)用     084
7.1 數(shù)組介紹   085
7.2 定義數(shù)組   085
7.2.1 定義空數(shù)組   085
7.2.2 指定數(shù)組的個(gè)數(shù)    086
7.2.3 指定數(shù)組元素    087
7.2.4 直接定義數(shù)組    087
7.3 數(shù)組屬性   088
7.4 數(shù)組元素的操作    090
7.4.1 數(shù)組元素的輸入    090
7.4.2 數(shù)組元素的輸出    090
7.4.3 數(shù)組元素的添加    092
7.4.4 數(shù)組元素的刪除    093
7.5 數(shù)組方法   093
7.5.1 連接兩個(gè)或更多的數(shù)組     094
7.5.2 將指定的數(shù)值添加到數(shù)組中     095
7.5.3 在數(shù)組開(kāi)頭添加數(shù)組元素    096
7.5.4 移除數(shù)組中后一個(gè)元素    097
7.5.5 刪除數(shù)組中的個(gè)元素    097
7.5.6 刪除數(shù)組中的指定元素     098
7.5.7 反序排列數(shù)組中的元素     099
7.5.8 對(duì)數(shù)組中的元素進(jìn)行排序    099
7.5.9 獲取數(shù)組中的部分?jǐn)?shù)據(jù)     100
7.5.10 將數(shù)組元素連接為字符串   101
7.5.11 將數(shù)組轉(zhuǎn)換成字符串   102
7.6 新手常見(jiàn)疑難問(wèn)題    103
7.7 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)    103
第8 章 String 對(duì)象的應(yīng)用     104
8.1 創(chuàng)建String 對(duì)象   105
8.2 String 對(duì)象的屬性     106
8.2.1 length 屬性    106
8.2.2 constructor 屬性     107
8.2.3 prototype 屬性    108
8.3 String 對(duì)象的方法     108
8.3.1 連接與拆分字符串    109
8.3.2 轉(zhuǎn)換字符串的大小寫   110
8.3.3 從字符串中截取字符串   111
8.3.4 從字符串中查找字符串     113
8.3.5 設(shè)置字符串字體屬性   115
8.4 新手常見(jiàn)疑難問(wèn)題    117
8.5 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)    117
第9 章 JavaScript 的事件處理    118
9.1 認(rèn)識(shí)事件與事件處理   119
9.2 事件的調(diào)用方式   120
9.3 鼠標(biāo)相關(guān)事件     122
9.3.1 鼠標(biāo)單擊事件    122
9.3.2 鼠標(biāo)按下與松開(kāi)事件   123
9.3.3 鼠標(biāo)移入與移出事件   123
9.3.4 鼠標(biāo)移動(dòng)事件    124
9.4 鍵盤相關(guān)事件     125
9.5 表單相關(guān)事件     127
9.5.1 獲得焦點(diǎn)與失去焦點(diǎn)事件    127
9.5.2 失去焦點(diǎn)修改事件    128
9.5.3 表單提交與重置事件   129
9.6 拖動(dòng)相關(guān)事件     131
9.6.1 拖放對(duì)象事件    131
9.6.2 放置目標(biāo)事件    131
9.7 新手常見(jiàn)疑難問(wèn)題    133
9.8 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)    134
第10 章 JavaScript 的表單對(duì)象   135
10.1 認(rèn)識(shí)表單對(duì)象    136
10.2 表單元素的應(yīng)用   138
10.2.1 設(shè)置文本框     138
10.2.2 設(shè)置按鈕    141
10.2.3 設(shè)置單選按鈕    143
10.2.4 設(shè)置復(fù)選框     145
10.2.5 設(shè)置下拉菜單    146
10.3 新手常見(jiàn)疑難問(wèn)題   152
10.4 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)   153
第11 章 JavaScript 的窗口對(duì)象    154
11.1 window 對(duì)象     155
11.1.1 window 對(duì)象屬性     155
11.1.2 window 對(duì)象方法     159
11.2 打開(kāi)與關(guān)閉窗口   160
11.2.1 打開(kāi)窗口    160
11.2.2 關(guān)閉窗口    162
11.3 控制窗口     163
11.3.1 移動(dòng)窗口    163
11.3.2 改變窗口大小    164
11.3.3 獲取窗口歷史記錄    164
11.3.4 窗口定時(shí)器     165
11.4 對(duì)話框    166
11.4.1 警告對(duì)話框     166
11.4.2 確認(rèn)對(duì)話框     168
11.4.3 提示對(duì)話框     169
11.5 新手常見(jiàn)疑難問(wèn)題   170
11.6 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)   171
第12 章 JavaScript 中的文檔對(duì)象      172
12.1 熟悉文檔對(duì)象    173
12.2 文檔對(duì)象屬性的應(yīng)用   175
12.2.1 獲取網(wǎng)頁(yè)超級(jí)鏈接數(shù)   175
12.2.2 文檔后修改的日期和時(shí)間    175
12.2.3 獲取文檔所有表單的數(shù)目   176
12.2.4 設(shè)置文檔標(biāo)題內(nèi)容    176
12.2.5 獲取文檔URL 地址   177
12.2.6 鏈接文字顏色設(shè)置    177
12.2.7 文檔背景色與前景色設(shè)置   179
12.3 文檔對(duì)象方法的應(yīng)用   180
12.3.1 動(dòng)態(tài)添加HTML 標(biāo)簽    180
12.3.2 獲取文本框并修改其內(nèi)容   182
12.3.3 向文檔添加事件句柄   182
12.3.4 在文檔中輸出數(shù)據(jù)    183
12.4 新手常見(jiàn)疑難問(wèn)題   185
12.5 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)   185
第13 章 文檔對(duì)象模型（DOM）    187
13.1 DOM 及DOM 技術(shù)簡(jiǎn)介  188
13.1.1 DOM 簡(jiǎn)介      188
13.1.2 基本的DOM 方法    188
13.1.3 網(wǎng)頁(yè)中的DOM 模型框架   191
13.2 DOM 模型中的節(jié)點(diǎn)    192
13.2.1 元素節(jié)點(diǎn)    192
13.2.2 文本節(jié)點(diǎn)    192
13.2.3 屬性節(jié)點(diǎn)    193
13.3 操作DOM 中的節(jié)點(diǎn)   194
13.3.1 訪問(wèn)節(jié)點(diǎn)    194
13.3.2 創(chuàng)建節(jié)點(diǎn)    195
13.3.3 插入節(jié)點(diǎn)    196
13.3.4 刪除節(jié)點(diǎn)    197
13.3.5 復(fù)制節(jié)點(diǎn)    197
13.3.6 替換節(jié)點(diǎn)    198
13.4 innerHTML 屬性     199
13.5 DOM 與CSS     200
13.5.1 改變CSS 樣式     200
13.5.2 使用className 屬性  200
13.6 新手常見(jiàn)疑難問(wèn)題   201
13.7 實(shí)戰(zhàn)技能訓(xùn)練營(yíng)   201
第14 章 jQuery 框架快速入門     203
14.1 認(rèn)識(shí)jQuery    204
14.2 下載并安裝jQuery   205
14.3 jQuery 的選擇器     206
14.3.1 基本選擇器     206
14.3.2 層級(jí)選擇器     208
14.3.3 過(guò)濾選擇器     209
14.3.4 屬性選擇器     218
14.4 新手常見(jiàn)疑難問(wèn)題   220
14.5 實(shí)戰(zhàn)訓(xùn)練營(yíng)   221
第15 章 使用jQuery 控制頁(yè)面     222
15.1　對(duì)頁(yè)面的內(nèi)容進(jìn)行操作   223
15.1.1　對(duì)文本內(nèi)容進(jìn)行操作   223
15.1.2　對(duì)HTML 內(nèi)容進(jìn)行操作    224
15.2 對(duì)標(biāo)記的屬性進(jìn)行操作   225
15.3　對(duì)表單元素進(jìn)行操作   228
15.4　對(duì)元素的CSS 樣式進(jìn)行操作  229
15.4.1　添加CSS 類     229
15.4.2　刪除CSS 類     230
15.4.3　動(dòng)態(tài)切換CSS 類     231
15.4.4　獲取和設(shè)置CSS 樣式    232
15.5 獲取與編輯DOM 節(jié)點(diǎn)    233
15.5.1 插入節(jié)點(diǎn)    233
15.5.2 刪除節(jié)點(diǎn)    235
15.5.3 復(fù)制節(jié)點(diǎn)    236
15.5.4 替換節(jié)點(diǎn)    237
15.6　新手常見(jiàn)疑難問(wèn)題   238
15.7 實(shí)戰(zhàn)訓(xùn)練營(yíng)   240
第16 章 jQuery 事件處理     241
16.1 jQuery 的事件機(jī)制   242
16.2　頁(yè)面加載響應(yīng)事件   244
16.3　jQuery 中的事件函數(shù)   245
16.3.1 鍵盤操作事件    245
16.3.2　鼠標(biāo)操作事件    247
16.3.3　其他的常用事件    249
16.4　事件的基本操作   251
16.4.1　綁定事件    251
16.4.2　觸發(fā)事件    252
16.4.3　移除事件    252
16.5 新手常見(jiàn)疑難問(wèn)題   254
16.6 實(shí)戰(zhàn)訓(xùn)練營(yíng)   254
第17 章 設(shè)計(jì)網(wǎng)頁(yè)中的動(dòng)畫特效     256
17.1 網(wǎng)頁(yè)動(dòng)畫特效的實(shí)現(xiàn)方法   257 
17.1.1 通過(guò)CSS 實(shí)現(xiàn)動(dòng)畫特效    257
17.1.2 通過(guò)jQuery 實(shí)現(xiàn)動(dòng)畫特效   258
17.2 jQuery 的基本動(dòng)畫效果   259
17.2.1　隱藏元素    259
17.2.2　顯示元素    263
17.2.3　狀態(tài)切換    264
17.3　淡入淡出的動(dòng)畫效果   265
17.3.1 淡入隱藏元素    265
17.3.2　淡出可見(jiàn)元素    266
17.3.3　切換淡入淡出元素    268
17.3.4　淡入淡出元素至指定數(shù)值   269
17.4 滑動(dòng)效果    270
17.4.1 滑動(dòng)顯示匹配的元素   270
17.4.2　滑動(dòng)隱藏匹配的元素   271
17.4.3　通過(guò)高度的變化動(dòng)態(tài)切換元素的可見(jiàn)性      272
17.5　自定義的動(dòng)畫效果   273
17.6 新手常見(jiàn)疑難問(wèn)題   275
17.7 實(shí)戰(zhàn)訓(xùn)練營(yíng)   275
第18 章 jQuery 的功能函數(shù)    277
18.1 功能函數(shù)概述    278
18.2　常用的功能函數(shù)   278
18.2.1　操作數(shù)組和對(duì)象    278
18.2.2　操作字符串     281
18.2.3 序列化操作     283
18.3 新手常見(jiàn)疑難問(wèn)題   283
18.4 實(shí)戰(zhàn)訓(xùn)練營(yíng)   284
第19 章 jQuery 插件的應(yīng)用與開(kāi)發(fā)      285
19.1 理解插件    286
19.2 流行的jQuery 插件  287
19.2.1 jQueryUI 插件    287
19.2.2　Form 插件    290
19.2.3　提示信息插件    291
19.2.4　jcarousel 插件    292
19.3　定義自己的插件   293
19.3.1 插件的工作原理    293
19.3.2 自定義一個(gè)簡(jiǎn)單的插件     294
19.4 新手常見(jiàn)疑難問(wèn)題   296
19.5 實(shí)戰(zhàn)訓(xùn)練營(yíng)   297
第20 章 開(kāi)發(fā)企業(yè)門戶網(wǎng)站     298
20.1 系統(tǒng)分析    299
20.2 系統(tǒng)設(shè)計(jì)    299
20.3 網(wǎng)頁(yè)預(yù)覽    300
20.4 項(xiàng)目代碼實(shí)現(xiàn)    303
20.4.1 網(wǎng)站首頁(yè)頁(yè)面代碼    303
20.4.2 圖片動(dòng)態(tài)效果代碼    309
20.4.3 公司簡(jiǎn)介頁(yè)面代碼    309
20.4.4 產(chǎn)品介紹頁(yè)面代碼    310
20.4.5 新聞中心頁(yè)面代碼    314
20.4.6 “聯(lián)系我們”頁(yè)面代碼     317
20.5 項(xiàng)目總結(jié)    318
第21 章 開(kāi)發(fā)時(shí)尚購(gòu)物網(wǎng)站     319
21.1 系統(tǒng)分析    320
21.2 系統(tǒng)設(shè)計(jì)    320
21.3 網(wǎng)頁(yè)預(yù)覽    321
21.4 項(xiàng)目代碼實(shí)現(xiàn)    323
21.4.1 首頁(yè)頁(yè)面代碼    323
21.4.2 動(dòng)態(tài)效果代碼    336
21.4.3 購(gòu)物車代碼     337
21.4.4 登錄頁(yè)面代碼    339
21.4.5 商品展示頁(yè)面代碼    339
21.4.6 聯(lián)系我們頁(yè)面代碼    345
21.5 項(xiàng)目總結(jié)    346