本文關(guān)鍵詞：JavaScript+jQuery，由筆耕文化傳播整理發(fā)布。

相關(guān)專題學(xué)習(xí)資料：

資料介紹

內(nèi)容提要

隨著Ajax技術(shù)的不斷風(fēng)靡，其核心技術(shù)JavaScript越來越受到人們的關(guān)注，各種JavaScript的框架層出不窮。jQuery作為JavaScript框架的優(yōu)秀代表，為廣大開發(fā)者提供了諸多便利。
《精通JavaScript+jQuery(1CD)》從介紹JavaScript的基礎(chǔ)知識開始，圍繞標(biāo)準(zhǔn)Web的各項(xiàng)技術(shù)予以展開，通過大量實(shí)例對JavaScript、CSS、DOM、Ajax等Web關(guān)鍵技術(shù)進(jìn)行深入淺出的分析，主要內(nèi)容包括JavaScript的概念和基本語法、CSS基礎(chǔ)、CSS排版、DOM模型框架、網(wǎng)頁中的事件、表格表單、JavaScript的調(diào)試與優(yōu)化、Ajax異步技術(shù)等。
在此基礎(chǔ)之上，《精通JavaScript+jQuery(1CD)》通過精彩的實(shí)例詳細(xì)講解了jQuery的相關(guān)技術(shù)，主要包括jQuery的基礎(chǔ)、如何使用jQuery控制頁面、制作動(dòng)畫與特效、簡化Ajax以及jQuery插件等內(nèi)容。講解的重點(diǎn)在于簡化JavaScript的開發(fā)步驟，注重實(shí)例之間的對比與遞進(jìn)，充分展示jQuery所帶來的革新。書中最后給出4個(gè)綜合實(shí)例，讓讀者進(jìn)一步鞏固所學(xué)知識，提高綜合應(yīng)用的能力。
　　《精通JavaScript+jQuery(1CD)》內(nèi)容翔實(shí)、結(jié)構(gòu)清晰，講述循序漸進(jìn)，，并注意各個(gè)章節(jié)之間、實(shí)例之間的呼應(yīng)和對照，既可作為JavaScript、jQuery初學(xué)者的入門教材，也適合高級用戶進(jìn)一步學(xué)習(xí)和參考。

目錄

第1部分　JavaScript、CSS與DOM基礎(chǔ)篇
第1章　JavaScript概述　2
1.1　JavaScript的起源　2
1.2　瀏覽器之爭　3
1.2.1　DHTML　3
1.2.2　瀏覽器之間的沖突　3
1.2.3　標(biāo)準(zhǔn)的制定　4
1.3　JavaScript的實(shí)現(xiàn)　4
1.3.1　ECMAScript　5
1.3.2　DOM　5
1.3.3　BOM　6
1.3.4　新的開始　6
1.4　Web標(biāo)準(zhǔn)　7
1.4.1　Web標(biāo)準(zhǔn)概述　7
1.4.2　結(jié)構(gòu)、表現(xiàn)和行為的分離　8
第2章　JavaScript基礎(chǔ)　10
2.1　JavaScript的語法　10
2.2　變量　11
2.3　數(shù)據(jù)類型　13
2.3.1　字符串　13
2.3.2　數(shù)值　16
2.3.3　布爾型　16
2.3.4　類型轉(zhuǎn)換　17
2.3.5　數(shù)組　19
2.4　關(guān)鍵字　23
2.5　保留字　23
2.6　條件語句　23
2.6.1　比較操作符　23
2.6.2　邏輯操作符　24
2.6.3　if語句　24
2.6.4　switch語句　25
2.7　循環(huán)語句　27
2.7.1　while語句　27
2.7.2　do…while語句　27
2.7.3　for語句　28
2.7.4　break和continue語句　29
2.7.5　for…in語句　31
2.7.6　實(shí)例：九九乘法表　32
2.8　函數(shù)　33
2.8.1　定義和調(diào)用函數(shù)　33
2.8.2　用arguments對象訪問函數(shù)的參數(shù)　34
2.8.3　實(shí)例：楊輝三角　36
2.9　其他對象　38
2.9.1　對象簡述　38
2.9.2　時(shí)間日期：Date對象　39
2.9.3　數(shù)學(xué)計(jì)算：Math對象　43
2.10　BOM基礎(chǔ)　45
2.10.1　window對象　45
2.10.2　document對象　48
2.10.3　location對象　49
2.10.4　navigator對象　50
2.10.5　screen對象　52
第3章　CSS基礎(chǔ)　53
3.1　CSS的概念　53
3.1.1　標(biāo)記的概念　53
3.1.2　傳統(tǒng)HTML的缺點(diǎn)　54
3.1.3　CSS的引入　55
3.1.4　瀏覽器與CSS　57
3.2　使用CSS控制頁面　58
3.2.1　行內(nèi)樣式　58
3.2.2　內(nèi)嵌式　59
3.2.3　鏈接式　59
3.2.4　導(dǎo)入樣式　60
3.3　CSS選擇器　61
3.3.1　標(biāo)記選擇器　61
3.3.2　類別選擇器　62
3.3.3　ID選擇器　64
3.3.4　選擇器集體聲明　65
3.3.5　選擇器的嵌套　66
3.3.6　子選擇器　67
3.3.7　屬性選擇器　68
3.4　CSS設(shè)置文字效果　70
3.4.1　CSS文字樣式　70
3.4.2　CSS段落文字　71
3.4.3　首字放大　72
3.5　CSS設(shè)置圖片效果　73
3.5.1　圖片的邊框　74
3.5.2　圖文混排　75
3.6　CSS設(shè)置頁面背景　76
3.6.1　背景顏色　76
3.6.2　背景圖片　78
3.6.3　背景圖的重復(fù)　79
3.6.4　背景樣式綜合設(shè)置　80
3.7　CSS設(shè)置超鏈接效果　80
3.8　CSS制作實(shí)用菜單　83
3.8.1　項(xiàng)目列表　83
3.8.2　無需表格的菜單　84
第4章　CSS進(jìn)階　87
4.1　div標(biāo)記與span標(biāo)記　87
4.1.1　概述　87
4.1.2　div與span的區(qū)別　88
4.2　盒子模型　89
4.3　元素的定位　89
4.3.1　float定位　90
4.3.2　position定位　91
4.3.3　z-index空間位置　93
4.4　CSS排版觀念　95
4.4.1　將頁面用div分塊　95
4.4.2　設(shè)計(jì)各塊的位置　96
4.4.3　用CSS定位　97
4.5　排版實(shí)例：我的博客　99
4.5.1　設(shè)計(jì)分析　100
4.5.2　排版構(gòu)架　100
4.5.3　導(dǎo)航與Banner　101
4.5.4　左側(cè)列表　103
4.5.5　內(nèi)容部分　104
4.5.6　footer腳注　105
4.5.7　整體調(diào)整　106
4.6　JavaScript與CSS　107
4.6.1　顏色漸變的文字　107
4.6.2　鼠標(biāo)文字跟隨　109
第5章　DOM模型　113
5.1　網(wǎng)頁中的DOM模型框架　113
5.2　DOM模型中的節(jié)點(diǎn)　114
5.2.1　元素節(jié)點(diǎn)　114
5.2.2　文本節(jié)點(diǎn)　114
5.2.3　屬性節(jié)點(diǎn)　114
5.3　使用DOM　115
5.3.1　訪問節(jié)點(diǎn)　115
5.3.2　檢測節(jié)點(diǎn)類型　117
5.3.3　利用父子兄關(guān)系查找節(jié)點(diǎn)　117
5.3.4　設(shè)置節(jié)點(diǎn)屬性　121
5.3.5　創(chuàng)建和添加節(jié)點(diǎn)　123
5.3.6　刪除節(jié)點(diǎn)　124
5.3.7　替換節(jié)點(diǎn)　125
5.3.8　在特定節(jié)點(diǎn)前插入節(jié)點(diǎn)　125
5.3.9　在特定節(jié)點(diǎn)后插入節(jié)點(diǎn)　127
5.4　使用非標(biāo)準(zhǔn)DOM innerHTML屬性　128
5.5　DOM與CSS　129
5.5.1　三位一體的頁面　129
5.5.2　使用className屬性　131
第2部分　JavaScript、CSS、DOM高級篇
第6章　事件　134
6.1　事件流　134
6.1.1　冒泡型事件　134
6.1.2　捕獲型事件　135
6.2　事件監(jiān)聽　136
6.2.1　通用監(jiān)聽方法　136
6.2.2　IE中的監(jiān)聽方法　137
6.2.3　標(biāo)準(zhǔn)DOM的監(jiān)聽方法　139
6.3　事件對象　140
6.4　事件的類型　145
6.4.1　鼠標(biāo)事件　145
6.4.2　鍵盤事件　148
6.4.3　HTML事件　150
6.5　實(shí)例1：屏蔽鼠標(biāo)右鍵　150
6.5.1　方法1　151
6.5.2　方法2　151
6.6　實(shí)例2：伸縮的兩級菜單　152
6.6.1　建立HTML框架　153
6.6.2　設(shè)置各級菜單的CSS樣式風(fēng)格　153
6.6.3　為菜單添加伸縮效果　155

第7章　表格與表單　157
7.1　用CSS控制表格樣式　157
7.1.1　理解表格的相關(guān)標(biāo)記　157
7.1.2　設(shè)置表格的顏色　159
7.1.3　設(shè)置表格的邊框　160
7.2　用DOM動(dòng)態(tài)控制表格　162
7.2.1　動(dòng)態(tài)添加表格　163
7.2.2　修改單元格內(nèi)容　165
7.2.3　動(dòng)態(tài)刪除表格　166
7.3　控制表單　168
7.3.1　理解表單的相關(guān)標(biāo)記與表單元素　168
7.3.2　用CSS控制表單樣式　170
7.3.3　訪問表單中的元素　173
7.3.4　公共屬性與方法　173
7.3.5　提交表單　174
7.4　設(shè)置文本框　175
7.4.1　控制用戶輸入字符個(gè)數(shù)　175
7.4.2　設(shè)置鼠標(biāo)經(jīng)過時(shí)自動(dòng)選擇文本　176
7.5　設(shè)置單選按鈕　178
7.6　設(shè)置復(fù)選框　180
7.7　設(shè)置下拉菜單　182
7.7.1　訪問選中項(xiàng)　183
7.7.2　添加、替換、刪除選項(xiàng)　187
7.8　實(shí)例：自動(dòng)提示的文本框　192
7.8.1　建立框架結(jié)構(gòu)　192
7.8.2　實(shí)現(xiàn)匹配用戶輸入　193
7.8.3　顯示提示框　194
第8章　JavaScript的調(diào)試與優(yōu)化　198
8.1　常見的錯(cuò)誤和異�！�198
8.1.1　拼寫錯(cuò)誤　198
8.1.2　訪問不存在的變量　199
8.1.3　括號不匹配　201
8.1.4　字符串和變量連接錯(cuò)誤　202
8.1.5　等號與賦值混淆　203
8.2　錯(cuò)誤處理　203
8.2.1　用alert()和document.write()方法監(jiān)視變量值　203
8.2.2　用onerror事件找到錯(cuò)誤　204
8.2.3　用try...catch語句找到錯(cuò)誤　205
8.3　使用調(diào)試器　207
8.3.1　用Firefox錯(cuò)誤控制臺(tái)調(diào)試　207
8.3.2　用Microsoft Script Debugger調(diào)試　208
8.3.3　用Venkman調(diào)試　209
8.4　JavaScript優(yōu)化　211
8.4.1　減緩代碼下載時(shí)間　211
8.4.2　合理聲明變量　212
8.4.3　使用內(nèi)置函數(shù)縮短編譯時(shí)間　213
8.4.4　合理書寫if語句　215
8.4.5　最小化語句數(shù)量　215
8.4.6　節(jié)約使用DOM　216
第9章　Ajax　217
9.1　認(rèn)識Ajax　217
9.1.1　Ajax的基本概念　217
9.1.2　Ajax的組成部分　218
9.2　Ajax應(yīng)用成功案例　219
9.2.1　Google Maps　219
9.2.2　Gmail　220
9.2.3　Netflix　222
9.2.4　Amazon鉆石搜索　222
9.2.5　Ajax游戲　223
9.3　Ajax異步交互　224
9.3.1　什么是異步交互　224
9.3.2　異步對象連接服務(wù)器　225
9.3.3　GET和POST模式　228
9.3.4　服務(wù)器返回XML　232
9.3.5　處理多個(gè)異步請求　235
9.4　Ajax框架　237
9.4.1　使用AjaxLib　237
9.4.2　使用AjaxGold　238
9.5　實(shí)例1：制作可自動(dòng)校驗(yàn)的表單　240
9.5.1　搭建框架　241
9.5.2　建立異步請求　242
9.5.3　服務(wù)器端處理　243
9.5.4　顯示異步查詢結(jié)果　243
9.6　實(shí)例2：制作帶自動(dòng)提示的文本框　245

第3部分　jQuery框架篇
第10章　jQuery基礎(chǔ)　250
10.1　jQuery概述　250
10.1.1　jQuery是什么　250
10.1.2　jQuery的優(yōu)勢　251
10.1.3　下載并使用jQuery　254
10.2　jQuery的“$”　255
10.2.1　選擇器　255
10.2.2　功能函數(shù)前綴　257
10.2.3　解決window.onload函數(shù)的沖突　258
10.2.4　創(chuàng)建DOM元素　258
10.2.5　自定義添加“$”　259
10.2.6　解決“$”的沖突　260
10.3　jQuery與CSS3　260
10.3.1　CSS3標(biāo)準(zhǔn)　260
10.3.2　瀏覽器的兼容性　262
10.3.3　jQuery的引入　262
10.4　使用選擇器　263
10.4.1　屬性選擇器　263
10.4.2　包含選擇器　266
10.4.3　位置選擇器　267
10.4.4　過濾選擇器　270
10.4.5　實(shí)現(xiàn)反向過濾　272
10.5　管理選擇結(jié)果　274
10.5.1　獲取元素的個(gè)數(shù)　274
10.5.2　提取元素　275
10.5.3　添加、刪除、過濾元素　277
10.5.4　查詢過濾新元素集合　281
10.6　采用jQuery鏈　282

第11章　jQuery控制頁面　284
11.1　標(biāo)記的屬性　284
11.1.1　each()遍歷元素　284
11.1.2　獲取屬性的值　285
11.1.3　設(shè)置屬性的值　286
11.1.4　刪除屬性　289
11.2　設(shè)置元素的樣式　289
11.2.1　添加、刪除CSS類別　289
11.2.2　在類別間動(dòng)態(tài)切換　290
11.2.3　實(shí)例：制作隔行顏色交替變換的表格　292
11.2.4　直接獲取、設(shè)置樣式　293
11.3　處理頁面的元素　295
11.3.1　直接獲取、編輯內(nèi)容　295
11.3.2　移動(dòng)和復(fù)制元素　297
11.3.3　刪除元素　301
11.3.4　克隆元素　303
11.4　處理表單元素的值　304
11.4.1　獲取表單元素的值　304
11.4.2　設(shè)置表單元素的值　306
11.5　處理頁面中的事件　307
11.5.1　綁定事件監(jiān)聽　307
11.5.2　移除事件監(jiān)聽　309
11.5.3　傳遞事件對象　311
11.5.4　觸發(fā)事件　312
11.5.5　實(shí)現(xiàn)單擊事件的動(dòng)態(tài)交替　313
11.5.6　實(shí)現(xiàn)感應(yīng)鼠標(biāo)　314
11.6　實(shí)例：快餐配送頁面　315
11.6.1　框架搭建　316
11.6.2　添加事件　317
11.6.3　設(shè)置樣式風(fēng)格　319
第12章　jQuery制作動(dòng)畫與特效　322
12.1　顯示和隱藏元素　322
12.1.1　使用show()和hide()方法　322
12.1.2　實(shí)例：制作多級菜單　323
12.1.3　使用toggle()方法實(shí)現(xiàn)顯隱切換　324
12.2　元素顯隱的漸入漸出效果　325
12.2.1　使用show()、hide()和toggle()方法　326
12.2.2　使用fadeIn()和fadeOut()方法　327
12.2.3　使用fadeTo()方法自定義變幻目標(biāo)透明度　329
12.3　幻燈片效果　330
12.4　自定義動(dòng)畫　332
12.4.1　使用animate()方法　332
12.4.2　實(shí)例：制作伸縮的導(dǎo)航條　336
第13章　jQuery的功能函數(shù)　341
13.1　檢測瀏覽器　341
13.2　盒子模型　342
13.3　處理JavaScript對象　345
13.3.1　使用$.each()方法遍歷　345
13.3.2　過濾數(shù)據(jù)　346
13.3.3　轉(zhuǎn)化數(shù)組　347
13.3.4　搜索數(shù)組元素　350
13.4　獲取外部代碼　350
第14章　jQuery與Ajax　352
14.1　獲取異步數(shù)據(jù)　352
14.1.1　傳統(tǒng)方法　352
14.1.2　jQuery的load()方法　353
14.2　GET VS. POST　355
14.3　控制Ajax　357
14.3.1　設(shè)置Ajax的細(xì)節(jié)　357
14.3.2　全局設(shè)定Ajax　359
14.3.3　Ajax事件　360
14.3.4　實(shí)例：模擬sina郵箱的數(shù)據(jù)加載　362
14.4　實(shí)例：jQuery制作自動(dòng)提示的文本框　364
14.5　jQuery與XML　367
14.6　jQuery與JSON　369
14.6.1　JSON概述　369
14.6.2　實(shí)例：聯(lián)動(dòng)的下拉菜單　370
第15章　jQuery插件　373
15.1　表單插件　373
15.1.1　獲取表單數(shù)據(jù)　373
15.1.2　格式化表單數(shù)據(jù)　375
15.1.3　清除和重置表單數(shù)據(jù)　376
15.1.4　按Ajax方式提交表單　377
15.1.5　實(shí)例：模擬搜狐熱門調(diào)查　380
15.2　UI插件　383
15.2.1　鼠標(biāo)拖曳頁面板塊　383
15.2.2　拖入購物車　387
15.2.3　流行的Tab菜單　389

第4部分　綜合案例篇
第16章　網(wǎng)絡(luò)相冊　394
16.1　分析構(gòu)架　394
16.1.1　設(shè)計(jì)分析　394
16.1.2　功能分析　395
16.2　模塊拆分　395
16.2.1　縮略圖排列　395
16.2.2　縮略圖提示　397
16.2.3　顯示大圖　398
16.3　功能細(xì)化　399
16.3.1　初始化頁面　399
16.3.2　實(shí)現(xiàn)單擊縮略圖彈出大圖窗口　399
16.3.3　關(guān)閉按鈕隱藏大圖窗口　401
16.3.4　在同一大圖窗口瀏覽多幅圖片　401
16.4　統(tǒng)一調(diào)整　403

第17章　可自由拖動(dòng)板塊的頁面　406
17.1　框架設(shè)計(jì)　406
17.1.1　頁面層次　406
17.1.2　樣式風(fēng)格　407
17.2　功能模塊　409
17.2.1　拖曳操作　409
17.2.2　添加子項(xiàng)目　409
17.2.3　移動(dòng)子項(xiàng)目　410
17.2.4　回收站　411
17.3　整體規(guī)劃　412
第18章　時(shí)尚購物網(wǎng)站報(bào)價(jià)單　414
18.1　表格框架　414
18.1.1　表格　414
18.1.2　選擇物品　415
18.1.3　商用界面　416
18.2　交互選擇　417
18.3　注冊單　418
18.3.1　注冊單框架　418
18.3.2　注冊單的顯隱　420
18.3.3　Ajax異步校驗(yàn)　422
18.3.4　驗(yàn)證密碼　423
18.3.5　Ajax異步提交　424
18.4　整體調(diào)整　424
第19章　圖片切割器　428
19.1　頁面框架　428
19.2　選區(qū)　429
19.2.1　選區(qū)樣式　429
19.2.2　顯示選區(qū)　430
19.2.3　移動(dòng)選區(qū)　432
19.2.4　改變選區(qū)大小　434
19.3　最終剪切　435
19.4　整體調(diào)整　436

  本文關(guān)鍵詞：JavaScript+jQuery，由筆耕文化傳播整理發(fā)布。