jQuery前端技術(shù)應(yīng)用

理論部分
第1章 jQuery簡介
1．1 jQuery與JavaScript
1．1．1 JavaScript庫作用與對比
1．1．2 jQuery的優(yōu)勢
1．2 jQuery的入門與使用
1．2．1 jQuery的下載及環(huán)境配置
1．2．2 編寫簡單的jQuery代碼
1．2．3 jQuery代碼風(fēng)格
1．3 jQuery對象和DOM對象
1．3．1 jQuery對象與DOM對象簡介
1．3．2 jQuery對象與DOM對象
1．3．3 jQuery示例
1．4 jQuery庫與其他庫沖突問題
第2章 jQuery中的選擇器
2．1 什么是jQuery選擇器
2．1．1 CSS選擇器
2．1．2 jQuery選擇器
2．2 jQuery選擇器的優(yōu)點(diǎn)
2．3 jQuery選擇器
2．3．1 基本選擇器
2．3．2 層次選擇器
2．3．3 過濾選擇器
2．3．4 表單選擇器
2．4 jQuery選擇器綜合應(yīng)用示例
第3章 jQuery中的DOM操作
3．1 DOM操作的分類
3．1．1 DOM Core
3．1．2 HTML DOM
3．1．3 CSS DOM
3．2 jQuery中的DOM操作
3．2．1 查找DOM節(jié)點(diǎn)
3．2．2 創(chuàng)建DOM節(jié)點(diǎn)
3．2．3 插入DOM節(jié)點(diǎn)
3．2．4 刪除DOM節(jié)點(diǎn)
3．2．5 復(fù)制節(jié)點(diǎn)
3．2．6 替換節(jié)點(diǎn)
3．2．7 包裹節(jié)點(diǎn)
3．2．8 屬性操作
3．2．9 樣式操作
3．2．10 設(shè)置和獲取HTML、文本和值
3．2．11 遍歷節(jié)點(diǎn)
3．2．12 CSS DOM操作
第4章 jQuery中的事件與動(dòng)畫
4．1 jQuery中的事件
4．1．1 加載DOM事件
4．1．2 事件綁定
4．1．3 合成事件
4．1．4 事件冒泡
4．1．5 事件對象的屬性
4．1．6 移除事件
4．1．7 模擬操作
4．1．8 其他用法
4．2 jQuery中的動(dòng)畫
4．2．1 show（）方法和hide（）方法
4．2．2 fadeIn（）方法和fadeout（）方法
4．2．3 slideUp（）方法與slideDown（）方法
4．2．4 自定義動(dòng)畫方法animate（）
4．2．5 動(dòng)畫回調(diào)函數(shù)
4．2．6 停止動(dòng)畫和動(dòng)畫狀態(tài)的判斷
4．2．7 其他動(dòng)畫方法
4．2．8 動(dòng)畫方法小結(jié)
4．2．9 動(dòng)畫隊(duì)列
4．3 動(dòng)畫效果綜合實(shí)例
第5章 jQuery中操作表單和表格
5．1 表單應(yīng)用
5．1．1 單行文本框應(yīng)用
5．1．2 多行文本框應(yīng)用
5．1．3 復(fù)選框應(yīng)用
5．1．4 下拉框應(yīng)用
5．1．5 表單驗(yàn)證
5．2 表格應(yīng)用
5．2．1 表格變色
5．2．2 表格展開關(guān)閉
5．2．3 表格內(nèi)容篩選
5．3 其他應(yīng)用
5．3．1 網(wǎng)頁字體大小
5．3．2 網(wǎng)頁選項(xiàng)卡
5．3．3 網(wǎng)頁換膚
第6章 jQuery中的Ajax的應(yīng)用
6．1 Ajax介紹
6．1．1 Ajax原理
6．1．2 Ajax的優(yōu)勢
6．1．3 Aiax的不足
6．1．4 Ajax的XMLHttpRequest對象
6．1．5 編寫第1個(gè)Ajax例子
6．2 jQuery中的Ajax
6．2．1 load（）方法
6．2．2 $．get（）方法和$．post（）方法
6．2．3 $．getScript（）方法和$．getJSON（）方法
6．2．4 $．a(chǎn)iax（）方法
6．3 序列化元素
6．4 jQuery中的Ajax全局事件
第7章 jQuery插件的編寫和使用
7．1 jQuery常用的插件
7．1．1 表單驗(yàn)證插件formValidator
7．1．2 動(dòng)態(tài)綁定事件插件livequery
7．1．3 jQuery UI插件
7．1．4 管理C00kie的插件Cookie
7．2 編寫插件
7．2．1 插件的種類
7．2．2 編寫插件的基本要點(diǎn)
7．2．3 插件中的閉包
7．2．4 jQuery插件的開發(fā)

上機(jī)部分
上機(jī)1 jQuery語言簡介
第1階段指導(dǎo)
指導(dǎo)1 學(xué)會使用jQuery．reacly（）及各種寫法
指導(dǎo)2 顯示商品圖片的放大鏡效果
第2階段練習(xí)
練習(xí)1 在頁面加載時(shí)輸出提示信息
上機(jī)2 jQuery中的選擇器
第1階段指導(dǎo)
指導(dǎo)1 實(shí)現(xiàn)手風(fēng)琴效果
指導(dǎo)2 實(shí)現(xiàn)表格內(nèi)容過濾顯示
第2階段練習(xí)
練習(xí)1 實(shí)現(xiàn)表格的全選和反選
上機(jī)3 jQuery中的DOM操作
第1階段指導(dǎo)
指導(dǎo)1 實(shí)現(xiàn)圖片的放大顯示效果
第2階段練習(xí)
練習(xí)1 實(shí)現(xiàn)列表框的左右選項(xiàng)選擇移動(dòng)
上機(jī)4 jQuery中的事件與動(dòng)畫
第1階段指導(dǎo)
指導(dǎo)1 使用jQueI。y實(shí)現(xiàn)光棒效果
指導(dǎo)2 使用j QLlery實(shí)現(xiàn)流式導(dǎo)航菜單
第2階段練習(xí)
練習(xí)1 實(shí)現(xiàn)廣告圖片的幻燈片播放效果
上機(jī)5 jQuery中操作表單和表格
第1階段指導(dǎo)
指導(dǎo)1 編寫一個(gè)簡單的表單驗(yàn)證任務(wù)
第2階段練習(xí)
練習(xí)1 為表格添加交替項(xiàng)效果
練習(xí)2 更換網(wǎng)頁的主題皮膚
上機(jī)6 jQuery中的Ajax的應(yīng)用
第1階段指導(dǎo)
指導(dǎo)1 使用JavaScript代碼實(shí)現(xiàn)一個(gè)簡單的Ajax請求
指導(dǎo)2 使用load（）方法實(shí)現(xiàn)引用其他用戶的文章
指導(dǎo)3 從數(shù)據(jù)庫中讀取班級顯示在下拉列表中
第2階段練習(xí)
練習(xí)1 實(shí)現(xiàn)判斷用戶名注冊時(shí)用戶名是否存在
練習(xí)2使用post（）方法實(shí)現(xiàn)判斷用戶登錄
上機(jī)7 jQuery插件的編寫和使用
第1階段指導(dǎo)
指導(dǎo)1 編寫一個(gè)簡單的回到頁面頂部的插件
指導(dǎo)2 使用formValidator插件驗(yàn)證注冊的用戶名是否存在
第2階段練習(xí)
練習(xí)1 使用jQuery的formValidator插件驗(yàn)證表單數(shù)據(jù)