jQuery從入門到精通

第1篇 基礎知識

第1章 Web應用開發概述
視頻講解：28分鍾
1.1 網絡程序開發體系結構
1.1.1 C/S結構介紹
1.1.2 B/S結構介紹
1.1.3 兩種體系結構的比較
1.2 Web簡介
1.2.1 什麼是Web
1.2.2 Web的工作原理
1.2.3 Web的發展歷程
1.3 Web開發技術
1.3.1 客戶端應用技術
1.3.2 服務器端應用技術
1.4 小結
第2章 JavaScript概述
視頻講解：77分鍾
2.1 JavaScript簡述
2.1.1 什麼是JavaScript
2.1.2 JavaScript的作用
2.1.3 JavaScript的基本特點
2.2 編寫JavaScript的工具
2.2.1 記事本
2.2.2 FrontPage
2.2.3 Dreamweaver
2.3 編寫第一個JavaScript程序
2.3.1 編寫JavaScript程序
2.3.2 運行JavaScript程序
2.3.3 調試JavaScript程序
2.4 JavaScript內置對象
2.4.1 JavaScript的內置類框架
2.4.2 數組
2.4.3 Date對象
2.4.4 String對象
2.5 BOM對象編程
2.5.1 什麼是BOM對象
2.5.2 BOM對象編程
2.6 JavaScript庫
2.6.1 什麼是JavaScript庫
2.6.2 常用JavaScript庫簡介
2.7 小結
2.8 練習與實踐

第3章 初識jQuery
視頻講解：63分鍾
3.1 jQuery簡述
3.1.1 jQuery能做什麼
3.1.2 jQuery的特點
3.1.3 jQuery的版本
3.2 jQuery下載與配置
3.2.1 下載jQuery
3.2.2 配置jQuery
3.2.3 我的第一個jQuery腳本
3.3 jQuery對象和DOM對象
3.3.1 jQuery對象和DOM對象簡介
3.3.2 jQuery對象和DOM對象的相互轉換
3.4 解決jQuery和其他庫的沖突
3.4.1 jQuery庫在其他庫之前導入
3.4.2 jQuery庫在其他庫之后導入
3.5 jQuery插件簡介
3.5.1 插件的使用
3.5.2 流行的插件
3.6 小結
3.7 練習與實踐

第4章 使用jQuery選擇器
視頻講解：100分鍾
4.1 jQuery的工廠函數
4.2 jQuery選擇器是什麼
4.3 jQuery選擇器的優勢
4.3.1 代碼更簡單
4.3.2 支持CSS1到CSS3選擇器
4.3.3 完善的檢測機制
4.4 基本選擇器
4.4.1 ID選擇器（#id）
4.4.2 元素選擇器（element）
4.4.3 類名選擇器（.class）
4.4.4 復合選擇器（selector1，selector2，selectorN）
4.4.5 通配符選擇器（*）
4.5 層次選擇器
4.5.1 ancestor descendant選擇器
4.5.2 parent＞child選擇器
4.5.3 prev+next選擇器
4.5.4 prev~siblings選擇器
4.6 過濾選擇器
4.6.1 簡單過濾器
4.6.2 內容過濾器
4.6.3 可見性過濾器
4.6.4 表單對象的屬性過濾器
4.6.5 子元素過濾器
4.7 屬性過濾器
4.8 表單選擇器
4.9 選擇器中的一些注意事項
4.9.1 選擇器中含有特殊符號的注意事項
4.9.2 選擇器中含有空格的注意事項
4.10 綜合實例：隔行換色鼠標指向表格並且行變色
4.11 小結
4.12 練習與實踐

第5章 使用jQuery操作DOM
視頻講解：75分鍾
5.1 DOM操作的分類
5.2 對元素的內容和值進行操作
5.2.1 對元素內容操作
5.2.2 對元素值操作
5.3 對DOM節點進行操作
5.3.1 創建節點
5.3.2 查找節點
5.3.3 插入節點
5.3.4 刪除、復制與替換節點
5.3.5 遍歷節點
5.3.6 包裹節點
5.4 對元素屬性進行操作
5.5 對元素的CSS樣式操作
5.5.1 通過修改CSS類實現
5.5.2 通過修改CSS屬性實現
5.6 綜合實例：實現我的開心小農場
5.7 小結
5.8 練習與實踐

第2篇 核心技術
第6章 jQuery中的事件處理
視頻講解：54分鍾
6.1 JavaScript事件處理
6.1.1 事件與事件名稱
6.1.2 JavaScript的常用事件
6.1.3 event對象
6.2 頁面加載響應事件
6.3 jQuery中的事件
6.4 事件綁定
6.4.1 為元素綁定事件
6.4.2 移除綁定
6.4.3 綁定一次性事件處理
6.5 模擬用戶操作
6.5.1 模擬用戶的操作觸發事件
6.5.2 模仿懸停事件
6.6 事件捕獲與事件冒泡
6.6.1 什麼是事件捕獲與事件冒泡
6.6.2 事件對象
6.6.3 阻止事件冒泡
6.6.4 阻止瀏覽器默認行為
6.6.5 事件對象的屬性
6.7 小結
6.8 練習與實踐

第7章 jQuery中的動畫效果
視頻講解：45分鍾
7.1 隱藏匹配元素
7.2 顯示匹配元素
7.3 切換元素的可見狀態
7.4 淡入淡出的動畫效果
7.5 滑動效果
7.5.1 滑動顯示匹配的元素
7.5.2 滑動隱藏匹配的元素
7.5.3 通過高度的變化動態切換元素的可見性
7.5.4 實戰模擬：伸縮式導航菜單
7.6 自定義的動畫效果
7.6.1 使用animate()方法創建自定義動畫
7.6.2 使用stop()方法停止動畫
7.6.3 判斷元素是否處於動畫狀態
7.6.4 延遲動畫的執行
7.7 綜合實例：實現圖片傳送帶效果
7.8 小結
7.9 練習與實踐

第8章 使用jQuery處理圖片和幻燈片
視頻講解：32分鍾
8.1 jQuery操作圖片
8.1.1 Lightbox
8.1.2 使用Jcrop剪裁圖片
8.2 jQuery實現幻燈片切換效果
8.2.1 交叉漸變幻燈片
8.2.2 滾動幻燈片
8.3 綜合實例：使用jQuery制作下拉菜單
8.4 小結
8.5 練習與實踐

第9章 使用jQuery操作表單
視頻講解：57分鍾
9.1 HTML表單概述
9.1.1 表單屬性
9.1.2 輸入標記＜input＞
9.1.3 文本域標記＜textarea＞
9.1.4 菜單和列表標記
9.2 使用jQuery操作表單元素
9.2.1 操作文本框
9.2.2 操作文本域
9.2.3 操作單選按鈕和復選框
9.2.4 操作下拉框
9.2.5 表單驗證
9.3 綜合實例：刪除記錄時的提示效果
9.4 小結
9.5 練習與實踐

第10章 使用jQuery操作表格和樹
視頻講解：31分鍾
10.1 jQuery表格
10.1.1 控制表格顏色顯示
10.1.2 表格的展開與關閉
10.1.3 表格內容的篩選
10.2 使用jQuery操作樹
10.2.1 使用jQuery操作樹
10.2.2 通過事件委托處理樹
10.3 綜合實例：jQuery對表格的綜合操作
10.4 小結
10.5 練習與實踐

第11章 Ajax在jQuery中的應用
視頻講解：51分鍾
111.1 Ajax技術簡介
11.1.1 Ajax概述
11.1.2 Ajax開發模式
11.1.3 Ajax技術的優點
11.1.4 Ajax技術的缺點
11.2 安裝Web運行環境——AppServ
11.3 通過JavaScript應用Ajax
11.4 jQuery中的Ajax應用
11.4.1 load()方法
11.4.2 使用＄.get()方法請求數據
11.4.3 使用＄.post()方法請求數據
11.4.4 ＄.getScript()方法加載js文件
11.4.5 ＄.getJSON()方法加載JSON文件
11.4.6 使用＄.ajax()方法請求數據
11.4.7 使用serialize()方法序列化表單
11.5 Ajax的全局事件
11.5.1 Ajax全局事件的參數及功能
11.5.2 ajaxStart與ajaxStop全局事件
11.6 綜合實例：Ajax實現留言板即時更新
11.7 小結
11.8 練習與實踐

第3篇 高級應用
第12章 jQuery UI插件的使用
視頻講解：70分鍾
12.1 初識jQuery UI插件
12.1.1 jQuery UI概述
12.1.2 jQuery UI的下載
12.1.3 jQuery UI的使用
12.1.4 jQuery UI的工作原理
12.1.5 jQuery UI中的插件
12.2 jQuery UI的常用插件
12.2.1 折疊面板（Accordion）的使用
12.2.2 自動完成（Autocomplete）插件的使用
12.2.3 按鈕（Button）的使用
12.2.4 日期選擇器（Datepicker）的使用
12.2.5 對話框（Dialog）的使用
12.2.6 菜單（Menu）的使用
12.2.7 進度條（Progressbar）的使用
12.2.8 滑塊（Slider）的使用
12.2.9 微調按鈕（Spinner）的使用
12.2.10 選項卡（Tabs）的使用
12.2.11 工具提示框（Tooltip）的使用
12.2.12 自由拖拽類（draggable）的使用
12.3 小結
12.4 練習與實踐

第13章 常用的第三方jQuery插件
視頻講解：46分鍾
13.1 jQuery插件概述
13.1.1 什麼是jQuery插件
13.1.2 常用的第三方jQuery插件
13.1.3 如何調用第三方jQuery插件
13.2 常用的jQuery插件的使用
13.2.1 uploadify插件（文件上傳）
13.2.2 zTree插件（樹菜單）
13.2.3 Validation插件（表單驗證）
13.2.4 Nivo Slider插件（圖片切換）
13.2.5 Pagination插件（數據分頁）
13.2.6 jQZoom插件（圖片放大鏡）
13.3 綜合實例：使用ColorPicker插件制作顏色選擇器
13.4 小結
13.5 練習與實踐

第14章 jQuery必知的工具函數
視頻講解：30分鍾
14.1 jQuery工具函數概述
14.2 工具函數的分類
14.3 數組和對象的操作
14.3.1 遍歷數據
14.3.2 數據篩選
14.3.3 數據檢索
14.3.4 數據變更
14.4 字符串操作
14.5 測試操作
14.5.1 檢測對象是否為空
14.5.2 檢測兩個節點的包含關系
14.5.3 檢測指定參數是否為函數
14.5.4 檢測指定對象是否為原始對象
14.6 URL操作
14.7 其他工具函數
14.8 工具函數的擴展
14.8.1 使用＄.extend()擴展工具函數
14.8.2 使用＄.extend()擴展Object對象
14.9 小結
14.10 練習與實踐

第15章 jQuery的開發技巧
視頻講解：24分鍾
15.1 快速控制頁面元素
15.1.1 獲取鼠標位置
15.1.2 居中顯示元素
15.2 調用jQuery中的方法
15.2.1 使用預加載方法預覽圖片
15.2.2 延遲加載圖片
15.2.3 通過html()方法判斷元素是否為空
15.3 靈活使用jQuery中的事件
15.3.1 屏蔽鼠標右鍵菜單
15.3.2 限制文本輸入框中輸入字符的個數
15.4 常用自定義方法
15.4.1 自定義選擇器
15.4.2 自定義樣式
15.5 其他開發技巧與方法
15.5.1 隱藏搜索文本框文字
15.5.2 統計元素個數
15.6 小結
15.7 練習與實踐

第16章 jQuery各個版本的變化
視頻講解：26分鍾
16.1 jQuery1.3版本
16.2 jQuery1.4版本
16.3 jQuery1.5版本
16.4 jQuery1.6版本
16.5 jQuery1.7版本
16.6 jQuery1.8版本
16.7 jQuery1.9版本
16.8 jQuery1.10版本
16.9 小結

第17章 jQuery的性能優化
視頻講解：36分鍾
17.1 選擇器性能優化
17.1.1 優先使用ID選擇器
17.1.2 在class之前使用tag標記
17.1.3 使用jQuery的對象緩存
17.1.4 使用子查詢優化選擇器的性能
17.1.5 優化選擇器以適用Sizzle的「從右至左」模型
17.1.6 利用強大的鏈式操作
17.1.7 給選擇器一個上下文
17.2 優化DOM操作
17.3 事件性能的優化
17.3.1 將事件推遲到＄(window).load()
17.3.2 使用delegate()方法為元素添加事件
17.4 使用方法優化性能
17.4.1 使用data方法存取普通數據
17.4.2 使用data方法存取JSON數據
17.4.3 使用target()方法優化事件中的冒泡現象
17.5 其他常用的jQuery性能優化建議
17.5.1 使用最新版本的jQuery
17.5.2 使用HTML5
17.5.3 給15個以上元素添加樣式，直接給DOM元素添加style標簽
17.5.4 避免載入多余的代碼
17.5.5 壓縮成一個JS文件，將下載次數保持到最少
17.5.6 必要時使用原生的JavaScript
17.6 小結
17.7 練習與實踐

第18章 jQuery在HTML5中的應用
視頻講解：43分鍾
18.1 HTML5基礎
18.1.1 HTML的發展歷程
18.1.2 HTML5的新特性
18.1.3 瀏覽器對HTML5的支持
18.2 jQuery與HTML5編程
18.2.1 顯示文件上傳的進度條
18.2.2 Canvas繪圖
18.2.3 jQuery+HTML5實現圖片旋轉效果
18.2.4 基於HTML5播放聲音的jQuery插件audioPlay
18.2.5 Web Storage編程
18.3 綜合實例：旅游信息網前台頁面設計
18.3.1 網站預覽
18.3.2 網站主體結構設計
18.3.3 HTML5結構元素的使用
18.3.4 網站公共部分設計
18.3.5 網站主頁設計
18.3.6 「留下足跡」頁面設計
18.4 小結
18.5 練習與實踐

第19章 jQuery Mobile
視頻講解：25分鍾
19.1 初識jQuery Mobile
19.1.1 jQuery Mobile工作原理
19.1.2 jQuery Mobile的主要特性
19.2 jQuery Mobile安裝和使用
19.3 第一個jQuery Mobile實例
19.4 jQuery Mobile組件
19.4.1 頁面設計
19.4.2 對話框設計
19.4.3 彈出框
19.4.4 工具欄設計
19.4.5 按鈕設計
19.5 列表設計
19.6 jQuery Mobile API接口應用
19.6.1 默認配置設置
19.6.2 方法
19.6.3 事件
19.7 小結
19.8 練習與實踐

第4篇 項目實戰
第20章 PHP+jQuery+Ajax實現產品之家
視頻講解：53分鍾
20.1 網站概述
20.2 系統設計
20.2.1 系統目標
20.2.2 系統功能結構
20.2.3 開發環境
20.2.4 網頁預覽
20.2.5 文件夾組織結構
20.3 數據庫設計
20.3.1 數據庫設計
20.3.2 數據表設計
20.4 公共文件設計
20.4.1 數據庫連接、管理類文件
20.4.2 Smarty模板配置類文件
20.5 前台首頁設計
20.5.1 廣告宣傳圖片展示
20.5.2 產品圖片展示
20.6 產品列表頁面設計
20.6.1 產品搜索
20.6.2 產品列表
20.7 產品描述頁面設計
20.8 產品評分頁面設計
20.8.1 產品用戶評分
20.8.2 推薦產品
20.9 代理加盟頁面設計
20.10 后台產品管理模塊
20.10.1 后台功能概述
20.10.2 產品管理模塊介紹
20.11 運行項目
20.12 小結

jQuery是繼Prototype之后又一個優秀的JavaScript庫。jQuery語言具有簡單、易學、代碼精致小巧、跨瀏覽器、鏈式的語法風格、插件豐富以及完全免費等特點，越來越受到廣大Web程序員的青睞和認同。如今，jQuery已經成為最流行的JavaScript庫，世界前10000個訪問最多的網站中，有超過55%都在使用jQuery技術。