jQuery程序設(shè)計(jì)基礎(chǔ)教程

第1部分 基礎(chǔ)篇
第1章 jQuery概述
1.1 初識(shí)jQuery
1.1.1 什么是jQuery
1.1.2 jQuery的優(yōu)勢(shì)
1.1.3 下載jQuery腳本文件和配置jQuery環(huán)境
1.1.4 第一個(gè)簡(jiǎn)單的jQuery程序
1.2 jQuery對(duì)象和DOM對(duì)象
1.2.1 DOM對(duì)象
1.2.2 jQuery對(duì)象
1.3 jQuery開發(fā)工具
1.3.1 使用Dreamweaver編輯jQuery程序
1.3.2 調(diào)試jQuery程序
練習(xí)題
第2章 JavaScript程序設(shè)計(jì)
2.1 在HTML中使用JavaScript語(yǔ)言
2.1.1 在HTML中插入JavaScript代碼
2.1.2 使用js文件
2.2 基本語(yǔ)法
2.2.1 數(shù)據(jù)類型
2.2.2 變量
2.2.3 注釋
2.2.4 運(yùn)算符
2.3 常用語(yǔ)句
2.3.1 條件分支語(yǔ)句
2.3.2 循環(huán)語(yǔ)句
2.4 函數(shù)
2.4.1 創(chuàng)建自定義函數(shù)
2.4.2 調(diào)用函數(shù)
2.4.3 變量的作用域
2.4.4 函數(shù)的返回值
2.5 JavaScript內(nèi)置對(duì)象
2.5.1 JavaScript的內(nèi)置類框架
2.5.2 BOM對(duì)象編程
2.6 JavaScript事件處理
2.6.1 常用HTML事件
2.6.2 Event對(duì)象
2.7 JavaScript編輯和調(diào)試工具
2.7.1 使用Dreamweaver編輯JavaScript程序
2.7.2 調(diào)試JavaScript程序
練習(xí)題
第2部分 進(jìn)階篇
第3章 jQuery選擇器
3.1 基礎(chǔ)選擇器
3.1.1 Id選擇器
3.1.2 標(biāo)簽名選擇器
3.1.3 根據(jù)元素的CSS類選擇
3.1.4 選擇所有HTML元素
3.1.5 同時(shí)選擇多個(gè)HTML元素
3.2 層次選擇器
3.2.1 ancestor descendant（祖先 后代）選擇器
3.2.2 parent>child（父>子）選擇器
3.2.3 prev+next（前+后）選擇器
3.2.4 prev～siblings（前～兄弟）選擇器
3.3 jQuery過(guò)濾器
3.3.1 基本過(guò)濾器
3.3.2 內(nèi)容過(guò)濾器
3.3.3 可見性過(guò)濾器
3.3.4 屬性過(guò)濾器
3.3.5 子元素過(guò)濾器
練習(xí)題
第4章 使用jQuery操作HTML元素
4.1 使用jQuery訪問(wèn)HTML元素的屬性和內(nèi)容
4.1.1 使用jQuery獲取HTML元素對(duì)應(yīng)的jQuery對(duì)象
4.1.2 使用jQuery獲取和設(shè)置HTML元素的內(nèi)容
4.1.3 使用jQuery獲取和設(shè)置HTML元素的屬性
4.1.4 使用jQuery刪除HTML元素的屬性
4.1.5 使用jQuery在網(wǎng)頁(yè)中添加追加內(nèi)容
4.2 使用jQuery管理HTML元素
4.2.1 使用jQuery遍歷HTML元素
4.2.2 使用jQuery檢查某個(gè)元素是否包含指定元素
4.2.3 使用jQuery刪除HTML元素
4.2.4 使用jQuery插入HTML元素
4.2.5 使用jQuery復(fù)制HTML元素
4.2.6 使用jQuery替換HTML元素
練習(xí)題
第5章 jQuery插件
5.1 概述
5.1.1 jQuery的插件機(jī)制
5.1.2 使用jQuery插件
5.2 滾動(dòng)插件
5.2.1 捕獲滾動(dòng)事件的插件Waypoints
5.2.2 滾動(dòng)特效插件scrollTo
5.3 圖表插件
5.3.1 Excel樣式的表格插件Handsontable
5.3.2 HTML表格插件DataTables
5.3.3 圖表效果插件Sparklines
5.4 布局插件
5.4.1 布局插件Masonry
5.4.2 動(dòng)態(tài)布局插件Freetile.js
5.4.3 瀑布流的網(wǎng)頁(yè)布局插件Wookmark
5.5 文字處理插件
5.5.1 自動(dòng)調(diào)整文本大小的FitText.js插件
5.5.2 就地編輯插件jeditable
5.6 UI插件
5.6.1 旋鈕插件knob
5.6.2 顯示模式彈出框的插件Avgrund
5.6.3 滑動(dòng)導(dǎo)航插件SlideDeck
練習(xí)題
第6章 jQuery的表單編程
6.1 HTML表單概述
6.1.1 定義表單
6.1.2 文本框
6.1.3 文本區(qū)域
6.1.4 單選按鈕
6.1.5 復(fù)選框
6.1.6 組合框
6.1.7 按鈕
6.2 jQuery的表單選擇器和過(guò)濾器
6.2.1 表單選擇器
6.2.2 表單過(guò)濾器
6.3 jQuery的表單事件處理
6.3.1 blur（）方法和focus（）方法
6.3.2 change（）方法
6.3.3 select（）方法
6.3.4 submit（）方法
6.4 操作表單元素
6.4.1 操作文本框和文本域
6.4.2 操作單選按鈕和復(fù)選框
6.4.3 操作下拉框
6.5 jQuery的表單插件
6.5.1 a-tools插件
6.5.2 兩級(jí)級(jí)聯(lián)下拉列表插件DoubleSelection
6.5.3 表單驗(yàn)證插件Validate
6.5.4 其他值得推薦的表單插件
練習(xí)題
第7章 jQuery事件處理
7.1 事件處理函數(shù)
7.1.1 指定事件處理函數(shù)
7.1.2 綁定到事件處理函數(shù)
7.1.3 移除事件綁定
7.2 Event對(duì)象
7.2.1 Event對(duì)象的屬性
7.2.2 Event對(duì)象的方法
7.3 jQuery事件方法
7.3.1 鍵盤事件
7.3.2 鼠標(biāo)事件
7.3.3 文檔加載事件
7.3.4 瀏覽器事件
練習(xí)題
第8章 使用jQuery設(shè)置CSS樣式
8.1 CSS基礎(chǔ)
8.1.1 什么是CSS
8.1.2 在HTML文檔中應(yīng)用CSS
8.1.3 顏色與背景
8.1.4 設(shè)置字體
8.1.5 設(shè)置文本對(duì)齊
8.1.6 超鏈接
8.1.7 列表
8.1.8 邊框
8.1.9 CSS輪廓
8.1.10 浮動(dòng)元素
8.2 CSS3的新技術(shù)
8.2.1 實(shí)現(xiàn)圓角效果
8.2.2 多彩的邊框顏色
8.2.3 陰影
8.2.4 背景圖片
8.2.5 多列
8.2.6 嵌入字體
8.2.7 透明度
8.2.8 HSL和HSLA顏色表現(xiàn)方法
8.3 在jQuery中設(shè)置CSS樣式
8.3.1 使用css（）方法獲取和設(shè)置CSS屬性
8.3.2 與樣式類別有關(guān)的方法
8.3.3 獲取和設(shè)置HTML元素的尺寸
8.3.4 獲取和設(shè)置元素的位置
8.3.5 滾動(dòng)條相關(guān)
8.4 應(yīng)用實(shí)例
8.4.1 動(dòng)態(tài)控制頁(yè)面字體大小
8.4.2 快捷切換網(wǎng)頁(yè)顯示樣式
練習(xí)題
第3部分 高級(jí)應(yīng)用篇
第9章 jQuery動(dòng)畫特效
9.1 顯示和隱藏HTML元素
9.1.1 以動(dòng)畫效果顯示HTML元素
9.1.2 隱藏HTML元素
9.1.3 切換HTML元素的顯示和隱藏狀態(tài)
9.2 淡入/淡出效果
9.2.1 實(shí)現(xiàn)淡入效果
9.2.2 實(shí)現(xiàn)淡出效果
9.2.3 直接調(diào)節(jié)HTML元素的透明度
9.2.4 以淡入/淡出的效果切換顯示和隱藏HTML元素
9.3 滑動(dòng)效果
9.3.1 以滑動(dòng)效果顯示隱藏的HTML元素
9.3.2 以滑動(dòng)效果隱藏HTML元素
9.3.3 以滑動(dòng)效果切換顯示和隱藏HTML元素
9.4 動(dòng)畫隊(duì)列
9.4.1 queue（）方法
9.4.2 dequeue（）方法
9.4.3 刪除動(dòng)畫隊(duì)列中的成員
9.4.4 延遲動(dòng)畫
9.4.5 停止正在執(zhí)行的動(dòng)畫
9.5 執(zhí)行自定義的動(dòng)畫
9.6 應(yīng)用實(shí)例：焦點(diǎn)視頻切換欄
9.6.1 實(shí)例界面和目錄結(jié)構(gòu)
9.6.2 設(shè)計(jì)實(shí)例頁(yè)面
9.6.3 實(shí)現(xiàn)滑動(dòng)切換的jQuery腳本
練習(xí)題
第10章 jQuery與Ajax
10.1 使用XMLHttpRequest對(duì)象與服務(wù)器通信
10.1.1 創(chuàng)建XMLHttpRequest對(duì)象
10.1.2 發(fā)送HTTP請(qǐng)求
10.1.3 從服務(wù)器接收數(shù)據(jù)
10.2 在jQuery中實(shí)現(xiàn)Ajax編程
10.2.1 load（）方法
10.2.2 $.get（）方法
10.2.3 $.post（）方法
10.2.4 $.getJSON（）方法
10.2.5 $.ajax（）方法
10.2.6 利用Ajax提交表單
10.2.7 Ajax的事件
10.3 應(yīng)用實(shí)例——使用Ajax實(shí)現(xiàn)登錄頁(yè)面
練習(xí)題
第11章 jQuery與HTML
11.1 HTML5基礎(chǔ)
11.1.1 什么是HTML
11.1.2 HTML5的新特性
11.1.3 瀏覽器對(duì)HTML5的支持
11.2 jQuery HTML5實(shí)用編程
11.2.1 支持進(jìn)度顯示的文件上傳
11.2.2 jQuery+HTMl5 localStorage編程
11.2.3 Canvas繪圖
11.2.4 基于HTML5播放聲音的jQuery插件audioPlay
11.3 應(yīng)用實(shí)例
11.3.1 jQuery+HTML5+CSS3設(shè)計(jì)頁(yè)面布局的實(shí)例
11.3.2 jQuery+HTML5+CSS3設(shè)計(jì)視頻播放器的實(shí)例
練習(xí)題
第12章 jQuery特效應(yīng)用實(shí)例
12.1 提示條實(shí)例
12.1.1 滑出式提示條
12.1.2 智能提示條
12.2 圖片播放
12.2.1 實(shí)現(xiàn)幻燈片特效
12.2.2 實(shí)現(xiàn)魔幻盒特效
12.2.3 滾動(dòng)展示圖片
12.2.4 圖片的翻轉(zhuǎn)
12.2.5 幻燈片式畫廊
12.2.6 Blockster過(guò)渡特效
12.2.7 自動(dòng)滑動(dòng)播放圖片
12.3 菜單和選項(xiàng)卡
12.3.1 jQuery+CSS設(shè)計(jì)選項(xiàng)卡和側(cè)邊欄菜單
12.3.2 動(dòng)畫菜單
12.3.3 動(dòng)畫文本和圖標(biāo)菜單
12.3.4 懸停切換的欄目
12.3.5 懸停下拉菜單
12.3.6 動(dòng)態(tài)導(dǎo)航菜單
12.4 廣告特效
12.4.1 自定義動(dòng)畫廣告條
12.4.2 彈性伸縮廣告
第13章 jQuery Mobile
13.1 jQuery Mobile概述
13.1.1 初識(shí)jQuery Mobile
13.1.2 引用jQuery Mobile開發(fā)包
13.2 jQuery Mobile組件
13.2.1 頁(yè)面設(shè)計(jì)
13.2.2 對(duì)話框設(shè)計(jì)
13.2.3 彈出框
13.2.4 工具欄設(shè)計(jì)
13.2.5 按鈕設(shè)計(jì)
13.2.6 列表設(shè)計(jì)
練習(xí)題
附錄1 實(shí)驗(yàn)
實(shí)驗(yàn)1 初識(shí)jQuery
實(shí)驗(yàn)2 JavaScript編程
實(shí)驗(yàn)3 jQuery選擇器
實(shí)驗(yàn)4 操作HTML元素
實(shí)驗(yàn)5 jQuery插件
實(shí)驗(yàn)6 表單編程
實(shí)驗(yàn)7 事件處理
實(shí)驗(yàn)8 設(shè)置CSS樣式
實(shí)驗(yàn)9 jQuery動(dòng)畫特效
實(shí)驗(yàn)10 jQuery與Ajax
實(shí)驗(yàn)11 jQuery與HTML
實(shí)驗(yàn)12 jQuery特效應(yīng)用實(shí)例
實(shí)驗(yàn)13 jQuery Mobile
附錄2 jQuery常用工具函數(shù)