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