簡(jiǎn)介：緊急通知：為了小伙伴們更好的學(xué)習(xí)和體驗(yàn)，我們對(duì)課程進(jìn)行了升級(jí)優(yōu)化，所以本課程將于7月20號(hào)下架，到時(shí)小伙伴們可訪問(wèn)優(yōu)化后的新的4門(mén)課程繼續(xù)進(jìn)行jQuery的學(xué)習(xí)。
第1章 初識(shí)jQuery （站在巨人的肩膀上）
本章介紹使用jQuery庫(kù)的環(huán)境搭建，以及jQuery初體驗(yàn)。
第2章 jQuery 基礎(chǔ)選擇器
本章節(jié)主要講解jQuery基礎(chǔ)選擇器中的元素選擇器和層次選擇器的使用方法，初步了解jQuery選擇器的基礎(chǔ)使用方法，并能使用已學(xué)習(xí)完的選擇器獲取DOM中的任意元素。
第3章 jQuery過(guò)濾性選擇器
本章節(jié)主要講解jQuery的過(guò)濾選擇器中的內(nèi)容、屬性、子元素選擇器的使用方法，鞏固加深對(duì)選擇器使用的功能和范圍的理解，并可以獲取一些頁(yè)面中結(jié)構(gòu)較為復(fù)雜的元素。
- 編程： 3-1 :first過(guò)濾選擇器
- 編程： 3-2 :eq(index)過(guò)濾選擇器
- 編程： 3-3 :contains(text)過(guò)濾選擇器
- 編程： 3-4 :has(selector)過(guò)濾選擇器
- 編程： 3-5 :hidden過(guò)濾選擇器
- 編程： 3-6 :visible過(guò)濾選擇器
- 編程： 3-7 [attribute=value]屬性選擇器
- 編程： 3-8 [attribute!=value]屬性選擇器
- 編程： 3-9 [attribute*=value]屬性選擇器
- 編程： 3-10 :first-child子元素過(guò)濾選擇器
- 編程： 3-11 :last-child子元素過(guò)濾選擇器
- 測(cè)評(píng)： 3-12 練習(xí)題
- 編程： 3-13 編程練習(xí)
第4章 jQuery表單選擇器
本章節(jié)主要講解使用jQuery選擇器獲取表單中對(duì)象的方法，通過(guò)本章節(jié)的學(xué)習(xí)，可以理解并掌握如何使用選擇器獲取表單中指定元素的方法和技巧，為后續(xù)的學(xué)習(xí)打下扎實(shí)的基礎(chǔ)。
第5章 jQuery 操作DOM元素
本章詳細(xì)介紹元素的屬性、內(nèi)容、樣式的訪問(wèn)與設(shè)置；同時(shí)，介紹操作元素節(jié)點(diǎn)、遍歷和刪除元素的方法，通過(guò)本章學(xué)習(xí)，能夠理解并會(huì)使用jQuery中的方法掌控頁(yè)面中的元素。
- 編程： 5-1 使用attr()方法控制元素的屬性
- 編程： 5-2 操作元素的內(nèi)容
- 編程： 5-3 操作元素的樣式
- 編程： 5-4 移除屬性和樣式
- 編程： 5-5 使用append()方法向元素內(nèi)追加內(nèi)容
- 編程： 5-6 使用appendTo()方法向被選元素內(nèi)插入內(nèi)容
- 編程： 5-7 使用before()和after()在元素前后插入內(nèi)容
- 編程： 5-8 使用clone()方法復(fù)制元素
- 編程： 5-9 替換內(nèi)容
- 編程： 5-10 使用wrap()和wrapInner()方法包裹元素和內(nèi)容
- 編程： 5-11 使用each()方法遍歷元素
- 編程： 5-12 使用remove()和empty()方法刪除元素
- 測(cè)評(píng)： 5-13 練習(xí)題
第6章 jQuery 事件與應(yīng)用
本章詳細(xì)介紹在jQuery中事件的基礎(chǔ)知識(shí)，包括事件的機(jī)制、原理和加載方法；通過(guò)示例介紹各類(lèi)型事件注冊(cè)的方法和技巧，結(jié)合當(dāng)前最流行的各種應(yīng)用效果開(kāi)發(fā)，闡述如何在應(yīng)用中注冊(cè)事件的過(guò)程。
- 編程： 6-1 頁(yè)面加載時(shí)觸發(fā)ready()事件
- 編程： 6-2 使用bind()方法綁定元素的事件
- 編程： 6-3 使用hover()方法切換事件
- 編程： 6-4 使用toggle()方法綁定多個(gè)函數(shù)
- 編程： 6-5 使用unbind()方法移除元素綁定的事件
- 編程： 6-6 使用one()方法綁定元素的一次性事件
- 編程： 6-7 調(diào)用trigger()方法手動(dòng)觸發(fā)指定的事件
- 編程： 6-8 文本框的focus和blur事件
- 編程： 6-9 下拉列表框的change事件
- 編程： 6-10 調(diào)用live()方法綁定元素的事件
- 測(cè)評(píng)： 6-11 練習(xí)題
第7章 jQuery 動(dòng)畫(huà)特效
本章通過(guò)生動(dòng)的示例，詳細(xì)介紹在jQuery中各類(lèi)動(dòng)畫(huà)效果實(shí)現(xiàn)的過(guò)程，介紹如何自定義動(dòng)畫(huà)的基礎(chǔ)知識(shí)，通過(guò)本章學(xué)習(xí)，能夠了解并掌握jQuery中動(dòng)畫(huà)實(shí)現(xiàn)的基本原理，并可以動(dòng)手開(kāi)發(fā)簡(jiǎn)單的動(dòng)畫(huà)效果。
- 編程： 7-1 調(diào)用show()和hide()方法顯示和隱藏元素
- 編程： 7-2 動(dòng)畫(huà)效果的show()和hide()方法
- 編程： 7-3 調(diào)用toggle()方法實(shí)現(xiàn)動(dòng)畫(huà)切換效果
- 編程： 7-4 使用slideUp()和slideDown()方法的滑動(dòng)效果
- 編程： 7-5 使用slideToggle()方法實(shí)現(xiàn)圖片“變臉”效果
- 編程： 7-6 使用fadeIn()與fadeOut()方法實(shí)現(xiàn)淡入淡出效果
- 編程： 7-7 使用fadeTo()方法設(shè)置淡入淡出效果的不透明度
- 編程： 7-8 調(diào)用animate()方法制作簡(jiǎn)單的動(dòng)畫(huà)效果
- 編程： 7-9 調(diào)用animate()方法制作移動(dòng)位置的動(dòng)畫(huà)
- 編程： 7-10 調(diào)用stop()方法停止當(dāng)前所有動(dòng)畫(huà)效果
- 編程： 7-11 調(diào)用delay()方法延時(shí)執(zhí)行動(dòng)畫(huà)效果
- 測(cè)評(píng)： 7-12 練習(xí)題
- 編程： 7-13 編程練習(xí)
第8章 jQuery 實(shí)現(xiàn)Ajax應(yīng)用
本章介紹jQuery中支持Ajax的各種方法和函數(shù)，闡述通過(guò)Ajax交互的過(guò)程與常用方法,重點(diǎn)介紹核心方法$.ajax()的運(yùn)用技巧。通過(guò)ajax全局事件的介紹，進(jìn)一步鞏固前面所學(xué)基礎(chǔ)內(nèi)容。
- 編程： 8-1 使用load()方法異步請(qǐng)求數(shù)據(jù)
- 編程： 8-2 使用getJSON()方法異步加載JSON格式數(shù)據(jù)
- 編程： 8-3 使用getScript()方法異步加載并執(zhí)行js文件
- 編程： 8-4 使用get()方法以GET方式從服務(wù)器獲取數(shù)據(jù)
- 編程： 8-5 使用post()方法以POST方式從服務(wù)器發(fā)送數(shù)據(jù)
- 編程： 8-6 使用serialize()方法序列化表單元素值
- 編程： 8-7 使用ajax()方法加載服務(wù)器數(shù)據(jù)
- 編程： 8-8 使用ajaxSetup()方法設(shè)置全局Ajax默認(rèn)選項(xiàng)
- 編程： 8-9 使用ajaxStart()和ajaxStop()方法
- 測(cè)評(píng)： 8-10 練習(xí)題
- 編程： 8-11 編程練習(xí)
第9章 jQuery 常用插件
本章節(jié)先通過(guò)示例與插件相結(jié)合的方式，詳細(xì)介紹了目前最為流行的各類(lèi)插件的使用方法和技巧，包括表單插件、圖片插件等；然后,介紹了如何自定義編寫(xiě)對(duì)象和類(lèi)級(jí)別插件的過(guò)程。
第10章 jQuery UI型插件
本章介紹包括拖曳、放置、排序在內(nèi)的各類(lèi)UI插件的使用過(guò)程，介紹各類(lèi)微型插件的使用方法和注意事項(xiàng)，以及最新版UI中菜單工具、微調(diào)按鈕、工具提示插件的效果和使用方法。
第11章 jQuery 工具類(lèi)函數(shù)
本章先介紹瀏覽器檢測(cè)函數(shù)，然后，介紹jQuery各類(lèi)測(cè)試類(lèi)型函數(shù)的使用方法，同時(shí)，還介紹了字符串、URL操作函數(shù)的使用技巧，最后，介紹了使用$.extend()方法擴(kuò)展工具函數(shù)和Object對(duì)象的方法
- 編程： 11-1 獲取瀏覽器的名稱與版本信息
- 編程： 11-2 檢測(cè)瀏覽器是否屬于W3C盒子模型
- 編程： 11-3 檢測(cè)對(duì)象是否為空
- 編程： 11-4 檢測(cè)對(duì)象是否為原始對(duì)象
- 編程： 11-5 檢測(cè)兩個(gè)節(jié)點(diǎn)的包含關(guān)系
- 編程： 11-6 字符串操作函數(shù)
- 編程： 11-7 URL操作函數(shù)
- 編程： 11-8 使用$.extend()擴(kuò)展工具函數(shù)
- 編程： 11-9 使用$.extend()擴(kuò)展Object對(duì)象
- 測(cè)評(píng)： 11-10 練習(xí)題
- 編程： 11-11 編程挑戰(zhàn)
第12章 jQuery在線聊天室
通過(guò)本章的學(xué)習(xí)，可以了解如何使用之前所學(xué)過(guò)的知識(shí)來(lái)搭建一個(gè)簡(jiǎn)單的企業(yè)內(nèi)部的在線聊天室。
- 視頻： 12-1 聊天室基本功能介紹 (02:35)
- 視頻： 12-2 聊天室案例頁(yè)面效果展示 (09:00)
- 視頻： 12-3 聊天室數(shù)據(jù)流程分析 (03:32)
- 視頻： 12-4 登錄頁(yè)面開(kāi)發(fā) (15:21)
- 視頻： 12-5 聊天室主頁(yè)代碼功能分析 (05:50)
- 視頻： 12-6 簡(jiǎn)短回顧聊天主頁(yè)的功能 (01:46)
- 視頻： 12-7 “發(fā)送”按鈕代碼功能解析 (05:56)
- 視頻： 12-8 “表情圖標(biāo)”的添加代碼分析 (06:17)
- 視頻： 12-9 點(diǎn)擊“表情圖標(biāo)”時(shí)的事件代碼說(shuō)明 (03:47)
- 視頻： 12-10 定時(shí)獲取聊天內(nèi)容和在線人員信息的功能實(shí)現(xiàn) (06:54)
- 視頻： 12-11 通過(guò)頁(yè)面元素偵察Ajax請(qǐng)求過(guò)程的狀態(tài) (02:21)
- 視頻： 12-12 案例代碼小結(jié)說(shuō)明 (04:33)
- 測(cè)評(píng)： 12-13 練習(xí)題
- 編程： 12-14 挑戰(zhàn)題