123,123

內(nèi)容簡(jiǎn)介

　　本書(shū)主要學(xué)習(xí)JavaScript中兩個(gè)必備的知識(shí)點(diǎn)：**個(gè)為AJAX，它是客戶端JavaScript與后端服務(wù)器進(jìn)行交流的一種技術(shù)；第二個(gè)為jQuery，它是JavaScript目前的一個(gè)主流庫(kù)文件。附加學(xué)習(xí)Node.js知識(shí)，以此來(lái)搭建后臺(tái)服務(wù)器，輔助讀者更全面、更系統(tǒng)地完成AJAX學(xué)習(xí)。AJAX是一項(xiàng)非常重要的技術(shù)，幾乎所有頁(yè)面要實(shí)現(xiàn)更好的體驗(yàn)都逃不過(guò)AJAX技術(shù)，而且近年來(lái)逐漸流行的Web APP幾乎都是以AJAX為基礎(chǔ)來(lái)實(shí)現(xiàn)的。因此，本書(shū)的AJAX部分結(jié)合目前實(shí)際開(kāi)發(fā)進(jìn)行詳細(xì)講解，首先結(jié)合學(xué)習(xí)Node.js，使用express框架搭建Node.js服務(wù)器；然后著重講解AJAX技術(shù)原理，帶領(lǐng)讀者進(jìn)行實(shí)際運(yùn)用和封裝；最后詳細(xì)講解AJAX跨域和同步、異步等常見(jiàn)問(wèn)題的處理方式。而jQuery是一個(gè)重要的前端框架，大量的前端特效插件也是基于此實(shí)現(xiàn)的。因此，本書(shū)jQuery部分主要深入學(xué)習(xí)原理知識(shí)，對(duì)jQuery的DOM操作、事件處理、動(dòng)畫(huà)效果及jQuery的AJAX應(yīng)用等方面進(jìn)行詳細(xì)講解，并通過(guò)大量實(shí)例貫穿整個(gè)jQuery知識(shí)體系。本書(shū)是“跟兄弟連學(xué)HTML5系列教程”的第四本書(shū)，需要了解JavaScript的基礎(chǔ)語(yǔ)法和DOM部分。所以本書(shū)以實(shí)例為主，不再過(guò)多地講解語(yǔ)法等基礎(chǔ)知識(shí)點(diǎn)，讓讀者可以從具體實(shí)例中吸取實(shí)戰(zhàn)經(jīng)驗(yàn)。

作者簡(jiǎn)介

　　兄弟連IT教育，成立于2006年，中國(guó)程序員培訓(xùn)領(lǐng)導(dǎo)者。兄弟連以“優(yōu)秀的教學(xué)、嚴(yán)格的管理、職業(yè)素質(zhì)課貫穿始終”而聞名，現(xiàn)已開(kāi)設(shè)PHP、UI、HTML5、Java/Android、iOS、Linux等眾多課程，分別在北京、上海、廣州、沈陽(yáng)、揚(yáng)州、蘇州、鄭州、濟(jì)南設(shè)立校區(qū)，今后會(huì)陸續(xù)在成都、西安、武漢等地建設(shè)校區(qū)，每年有數(shù)十萬(wàn)名學(xué)員受益于兄弟連的職業(yè)培訓(xùn)、教學(xué)視頻、網(wǎng)絡(luò)公開(kāi)課、院校講座、出版書(shū)籍。我們相信，我們不僅僅是老師，更是學(xué)員的夢(mèng)想守護(hù)者與職場(chǎng)引路人。

圖書(shū)目錄

目錄
第1章 AJAX與jQuery概述\t1
1．1 AJAX概述\t1
1．2 AJAX的發(fā)展史\t2
1．3 AJAX的應(yīng)用場(chǎng)景\t2
1．4 Node．js概述\t4
1．5 jQuery概述\t5
1．6 jQuery的發(fā)展史\t5
1．7 jQuery的應(yīng)用\t6
1．8 本章小結(jié)\t9
練習(xí)題\t9
第2章搭建Node．js服務(wù)器\t11
2．1 HTTP原理\t11
2．1．1 網(wǎng)絡(luò)通信\t12
2．1．2 HTTP協(xié)議及其工作流程\t17
2．1．3 請(qǐng)求和響應(yīng)\t20
2．2 安裝Node．js\t21
2．2．1 下載并安裝\t21
2．2．2 檢查安裝結(jié)果\t22
2．2．3 使用Node．js\t24
2．3 搭建原生HTTP服務(wù)器\t25
2．4 使用express框架\t26
2．4．1 express框架簡(jiǎn)介\t27
2．4．2 express框架安裝\t27
2．4．3 express框架應(yīng)用\t30
2．4．4 模板數(shù)據(jù)渲染\t34
2．4．5 路由分離\t35
2．5 本章小結(jié)\t36
第3章揭開(kāi)AJAX的神秘面紗\t37
3．1 AJAX的第一個(gè)實(shí)例程序\t37
3．2 同步和異步\t39
3．2．1 同步\t39
3．2．2 異步\t39
3．2．3 同步和異步的適用場(chǎng)景\t41
3．3 XMLHttpRequest對(duì)象\t43
3．3．1 XMLHttpRequest對(duì)象的方法\t44
3．3．2 XMLHttpRequest對(duì)象的屬性和事件\t47
3．4 原生AJAX的例子\t51
3．4．1 POST請(qǐng)求實(shí)例\t51
3．4．2 GET請(qǐng)求實(shí)例\t53
3．5 封裝AJAX對(duì)象\t54
3．5．1 需求分析\t55
3．5．2 封裝get()方法\t55
3．5．3 封裝post()方法\t58
3．6 跨域請(qǐng)求\t60
3．6．1 什么是跨域請(qǐng)求\t60
3．6．2 如何處理跨域請(qǐng)求\t62
3．7 AJAX的優(yōu)缺點(diǎn)\t80
3．7．1 AJAX的優(yōu)點(diǎn)\t80
3．7．2 AJAX的缺點(diǎn)\t81
3．8 本章小結(jié)\t81
練習(xí)題\t81
第4章 AJAX在項(xiàng)目中的應(yīng)用\t84
4．1 瀑布流無(wú)限加載\t84
4．2 表單驗(yàn)證\t87
4．2．1 表單常用的事件\t87
4．2．2 網(wǎng)頁(yè)表單驗(yàn)證實(shí)例\t88
第5章 jQuery快速入門(mén)\t97
5．1 jQuery概述及其功能\t97
5．1．1 訪問(wèn)和操作DOM節(jié)點(diǎn)\t98
5．1．2 對(duì)頁(yè)面的CSS動(dòng)態(tài)控制\t98
5．1．3 對(duì)頁(yè)面的事件處理\t98
5．1．4 對(duì)頁(yè)面的動(dòng)畫(huà)效果的支持\t99
5．1．5 對(duì)AJAX技術(shù)的封裝\t99
5．1．6 可以支持大量的插件\t100
5．2 配置jQuery環(huán)境\t100
5．2．1 jQuery的庫(kù)類型\t101
5．2．2 引入jQuery庫(kù)文件\t101
5．3 第一個(gè)jQuery程序\t101
5．3．1 JavaScript代碼的加載順序\t102
5．3．2 JavaScript代碼的注意事項(xiàng)\t104
5．4 jQuery的代碼風(fēng)格\t106
5．4．1 “$”美元符號(hào)的作用\t106
5．4．2 鏈?zhǔn)讲僮鲿?shū)寫(xiě)代碼\t107
5．5 六大功能的簡(jiǎn)單應(yīng)用\t109
5．5．1 jQuery訪問(wèn)DOM節(jié)點(diǎn)\t109
5．5．2 jQuery對(duì)頁(yè)面的事件處理\t112
5．5．3 jQuery動(dòng)態(tài)控制頁(yè)面CSS\t113
5．5．4 jQuery處理頁(yè)面動(dòng)畫(huà)效果\t116
5．5．5 jQuery的AJAX技術(shù)應(yīng)用\t118
5．6 本章小結(jié)\t119
練習(xí)題\t120
第6章 jQuery選擇器和過(guò)濾\t122
6．1 jQuery選擇器介紹\t122
6．1．1 CSS選擇器\t122
6．1．2 jQuery選擇器\t123
6．2 jQuery選擇器的特點(diǎn)\t124
6．2．1 簡(jiǎn)便而又靈活的寫(xiě)法\t124
6．2．2 完善的檢測(cè)機(jī)制\t124
6．3 細(xì)談jQuery選擇器\t127
6．3．1 基本選擇器\t127
6．3．2 層次選擇器\t129
6．3．3 過(guò)濾選擇器\t132
6．3．4 表單選擇器\t145
6．4 本章小結(jié)\t148
練習(xí)題\t148
第7章 jQuery的DOM操作\t151
7．1 什么是DOM\t151
7．1．1 DOM概述\t151
7．1．2 DOM樹(shù)操作的分類\t153
7．2 元素節(jié)點(diǎn)的操作\t153
7．2．1 獲取元素節(jié)點(diǎn)\t154
7．2．2 創(chuàng)建元素節(jié)點(diǎn)\t154
7．2．3 插入元素節(jié)點(diǎn)\t156
7．2．4 包裹元素節(jié)點(diǎn)\t165
7．2．5 替換元素節(jié)點(diǎn)\t167
7．2．6 刪除元素節(jié)點(diǎn)\t168
7．2．7 復(fù)制元素節(jié)點(diǎn)\t170
7．3 屬性節(jié)點(diǎn)的操作\t171
7．3．1 普通的屬性節(jié)點(diǎn)操作\t171
7．3．2 元素的樣式操作――操作class屬性\t172
7．3．3 元素的樣式操作――操作CSS屬性\t174
7．4 文本節(jié)點(diǎn)的操作\t176
7．5 遍歷元素節(jié)點(diǎn)\t178
7．6 本章小結(jié)\t180
練習(xí)題\t181
第8章 jQuery的事件處理\t183
8．1 jQuery事件介紹\t183
8．2 瀏覽器載入文檔事件\t184
8．2．1 執(zhí)行時(shí)機(jī)\t184
8．2．2 執(zhí)行次數(shù)\t185
8．2．3 簡(jiǎn)寫(xiě)方式\t186
8．3 jQuery的事件綁定\t186
8．4 jQuery的事件冒泡\t189
8．4．1 產(chǎn)生冒泡的現(xiàn)象\t189
8．4．2 處理冒泡問(wèn)題\t190
8．5 jQuery事件對(duì)象的屬性和方法\t192
8．6 jQuery的事件委派\t193
8．6．1 delegate()方法：實(shí)現(xiàn)事件委派\t193
8．6．2 undelegate()方法：取消事件委派\t194
8．7 jQuery的事件模擬操作\t195
8．8 jQuery的on()和off()方法\t197
8．9 jQuery中事件處理的實(shí)戰(zhàn)講解\t197
8．9．1 鼠標(biāo)跟隨實(shí)例\t197
8．9．2 輪播圖實(shí)例\t200
8．9．3 輪播圖的其他實(shí)例\t211
8．10 本章小結(jié)\t211
練習(xí)題\t212
第9章 jQuery的動(dòng)畫(huà)效果\t214
9．1 show()和hide()方法\t214
9．2 slideUp()和slideDown()方法\t216
9．3 fadeIn()和fadeOut()方法\t218
9．4 animate()方法――自定義動(dòng)畫(huà)\t219
9．4．1 自定義簡(jiǎn)單動(dòng)畫(huà)實(shí)例\t219
9．4．2 動(dòng)畫(huà)隊(duì)列\(zhòng)t221
9．4．3 處理動(dòng)畫(huà)隊(duì)列操作方法\t222
9．5 其他動(dòng)畫(huà)操作方法\t226
9．5．1 toggle()方法\t226
9．5．2 slideToggle()和fadeToggle()方法\t227
9．5．3 fadeTo()方法\t227
9．6 本章小結(jié)\t228
練習(xí)題\t228
第10章 jQuery的AJAX應(yīng)用\t230
10．1 jQuery的AJAX應(yīng)用介紹\t230
10．2 jQuery的load()方法\t231
10．3 jQuery的$．get()和$．post()方法\t234
10．3．1 $．get()方法\t234
10．3．2 $．post()方法\t237
10．4 jQuery的$．getScript()方法\t239
10．5 jQuery的$．getJSON()方法\t240
10．6 jQuery的$．a(chǎn)jax()方法\t242
10．7 jQuery的AJAX全局事件\t245
10．8 jQuery的其他常用方法介紹\t247
10．8．1 serialize()和serializeArray()方法\t247
10．8．2 $．a(chǎn)jaxSetup()方法全局設(shè)置AJAX配置屬性\t249
10．9 綜合實(shí)例――使用jQuery的AJAX實(shí)現(xiàn)廣播效果\t249
10．10 本章小結(jié)\t253
練習(xí)題\t253
附錄A jQuery速查表\t255