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

理論部分
第1章 jQuery簡(jiǎn)介
1．1 jQuery與JavaScript
1．1．1 JavaScript庫(kù)作用與對(duì)比
1．1．2 jQuery的優(yōu)勢(shì)
1．2 jQuery的入門(mén)與使用
1．2．1 jQuery的下載及環(huán)境配置
1．2．2 編寫(xiě)簡(jiǎn)單的jQuery代碼
1．2．3 jQuery代碼風(fēng)格
1．3 jQuery對(duì)象和DOM對(duì)象
1．3．1 jQuery對(duì)象與DOM對(duì)象簡(jiǎn)介
1．3．2 jQuery對(duì)象與DOM對(duì)象
1．3．3 jQuery示例
1．4 jQuery庫(kù)與其他庫(kù)沖突問(wèn)題
第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 過(guò)濾選擇器
2．3．4 表單選擇器
2．4 jQuery選擇器綜合應(yīng)用示例
第3章 jQuery中的DOM操作
3．1 DOM操作的分類(lèi)
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)畫(huà)
4．1 jQuery中的事件
4．1．1 加載DOM事件
4．1．2 事件綁定
4．1．3 合成事件
4．1．4 事件冒泡
4．1．5 事件對(duì)象的屬性
4．1．6 移除事件
4．1．7 模擬操作
4．1．8 其他用法
4．2 jQuery中的動(dòng)畫(huà)
4．2．1 show（）方法和hide（）方法
4．2．2 fadeIn（）方法和fadeout（）方法
4．2．3 slideUp（）方法與slideDown（）方法
4．2．4 自定義動(dòng)畫(huà)方法animate（）
4．2．5 動(dòng)畫(huà)回調(diào)函數(shù)
4．2．6 停止動(dòng)畫(huà)和動(dòng)畫(huà)狀態(tài)的判斷
4．2．7 其他動(dòng)畫(huà)方法
4．2．8 動(dòng)畫(huà)方法小結(jié)
4．2．9 動(dòng)畫(huà)隊(duì)列
4．3 動(dòng)畫(huà)效果綜合實(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 表格展開(kāi)關(guān)閉
5．2．3 表格內(nèi)容篩選
5．3 其他應(yīng)用
5．3．1 網(wǎng)頁(yè)字體大小
5．3．2 網(wǎng)頁(yè)選項(xiàng)卡
5．3．3 網(wǎng)頁(yè)換膚
第6章 jQuery中的Ajax的應(yīng)用
6．1 Ajax介紹
6．1．1 Ajax原理
6．1．2 Ajax的優(yōu)勢(shì)
6．1．3 Aiax的不足
6．1．4 Ajax的XMLHttpRequest對(duì)象
6．1．5 編寫(xiě)第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插件的編寫(xiě)和使用
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 編寫(xiě)插件
7．2．1 插件的種類(lèi)
7．2．2 編寫(xiě)插件的基本要點(diǎn)
7．2．3 插件中的閉包
7．2．4 jQuery插件的開(kāi)發(fā)

上機(jī)部分
上機(jī)1 jQuery語(yǔ)言簡(jiǎn)介
第1階段指導(dǎo)
指導(dǎo)1 學(xué)會(huì)使用jQuery．reacly（）及各種寫(xiě)法
指導(dǎo)2 顯示商品圖片的放大鏡效果
第2階段練習(xí)
練習(xí)1 在頁(yè)面加載時(shí)輸出提示信息
上機(jī)2 jQuery中的選擇器
第1階段指導(dǎo)
指導(dǎo)1 實(shí)現(xiàn)手風(fēng)琴效果
指導(dǎo)2 實(shí)現(xiàn)表格內(nèi)容過(guò)濾顯示
第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)畫(huà)
第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 編寫(xiě)一個(gè)簡(jiǎn)單的表單驗(yàn)證任務(wù)
第2階段練習(xí)
練習(xí)1 為表格添加交替項(xiàng)效果
練習(xí)2 更換網(wǎng)頁(yè)的主題皮膚
上機(jī)6 jQuery中的Ajax的應(yīng)用
第1階段指導(dǎo)
指導(dǎo)1 使用JavaScript代碼實(shí)現(xiàn)一個(gè)簡(jiǎn)單的Ajax請(qǐng)求
指導(dǎo)2 使用load（）方法實(shí)現(xiàn)引用其他用戶的文章
指導(dǎo)3 從數(shù)據(jù)庫(kù)中讀取班級(jí)顯示在下拉列表中
第2階段練習(xí)
練習(xí)1 實(shí)現(xiàn)判斷用戶名注冊(cè)時(shí)用戶名是否存在
練習(xí)2使用post（）方法實(shí)現(xiàn)判斷用戶登錄
上機(jī)7 jQuery插件的編寫(xiě)和使用
第1階段指導(dǎo)
指導(dǎo)1 編寫(xiě)一個(gè)簡(jiǎn)單的回到頁(yè)面頂部的插件
指導(dǎo)2 使用formValidator插件驗(yàn)證注冊(cè)的用戶名是否存在
第2階段練習(xí)
練習(xí)1 使用jQuery的formValidator插件驗(yàn)證表單數(shù)據(jù)