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