更新時(shí)間:2020-09-23 來源:黑馬程序員 瀏覽量:
課程簡介
jQuery是一個(gè)快速、簡潔的JavaScript框架。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。JQuery封裝了JavaScript常用的功能代碼,提供了一套易于使用的API,可以跨多種瀏覽器工作,使HTML文檔的遍歷和操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互等操作變得更加簡單。
現(xiàn)在的「新人」依然可以學(xué)習(xí) jQuery 的思想,因?yàn)橐浴感氯恕沟乃剑苯永斫?Vue / React 的思想難度較大,jQuery 是一個(gè)很不錯(cuò)的中間過渡,因?yàn)?jQuery 也蘊(yùn)含了非常多的編程套路。
課程亮點(diǎn)
全面講解了jQuery的強(qiáng)大的元素選擇器
詳細(xì)講解了jQuery提供了對css樣式操作的支持
詳細(xì)講解了jQuery出色的DOM操作的封裝
詳細(xì)講解了jQuery中事件的基本使用
提供了靜態(tài)綁定事件和動(dòng)態(tài)綁定事件,完善了事件的處理機(jī)制
詳細(xì)講解了jQuery中的常用動(dòng)畫
詳細(xì)講解了jQuery中ajax的使用
詳細(xì)講解了ajax前后端分離
增加了ajax實(shí)現(xiàn)CRUD的詳細(xì)練習(xí)
增加了ajax實(shí)現(xiàn)分頁的案例
適用人群
有一定的Java基礎(chǔ),并且要有一定的web開發(fā)基礎(chǔ)。
課程內(nèi)容
一. jQuery介紹
1. jQuery概述
2. jQuery框架的下載與引入
3. jQuery對象與js對象之間的轉(zhuǎn)換
二. jQuery選擇器
1.基本選擇器
2.層級選擇器
3.屬性選擇器
4.基本過濾選擇器
5.表單屬性選擇器
三. jQuery的DOM操作
1.jQuery操作內(nèi)容
2.jQuery操作屬性
3.jQuery操作樣式
4.jQuery創(chuàng)建和插入對象
5.jQuery刪除對象
四.jQuery綜合案例
1.案例-表格隔行換色
2.案例-復(fù)選框全選全不選
3.定時(shí)彈廣告案例
五. jQuery動(dòng)畫
1.顯示效果
2.滑動(dòng)效果
3.淡入淡出效果
六.jQuery的遍歷
1.原始方式遍歷
2.jquery對象方法遍歷
3.jquery的全局方法遍歷
4.jQuery3.0新特性for of語句遍歷
七.jQuery的事件
1.on綁定事件
2.off解綁事件
3.事件切換
八.jQuery的插件
1.jQuery的插件機(jī)制
2.表單校驗(yàn)插件validator
九.ajax概述
1.什么是ajax
2.AJAX的應(yīng)用場景
3.同步方式與異步方式的區(qū)別
十.js原生的ajax
1.js原生的ajax的開發(fā)步驟
2.js原生的ajax的代碼實(shí)現(xiàn)
十一.jQuery框架的ajax
1.jQuery框架的ajax簡介
2.GET請求方式
3.POST請求方式
4.AJAX請求方式
十二.綜合案例
1.檢測用戶名是否已經(jīng)被注冊
2.內(nèi)容自動(dòng)補(bǔ)全
十三.AJAX跨域問題
1.跨域介紹
2.跨域解決方案
十四.AJAX實(shí)現(xiàn)增刪改查
1.業(yè)務(wù)需求介紹
2.業(yè)務(wù)代碼實(shí)現(xiàn)
十五.AJAX分頁功能
1.分頁概述
2.分頁分析思路
3.分頁的代碼實(shí)現(xiàn)
猜你喜歡