jquery權(quán)威指南pdf【高清版】

被公認(rèn)的權(quán)威的、易學(xué)的jQuery實(shí)戰(zhàn)教程,全書(shū)一共分為11章，首先以示例的方式對(duì)jquery做了全局性的介紹，以便于為讀者建立jquery的大局觀，這對(duì)初學(xué)者尤為重要；其次詳細(xì)講解了jquery的各種選擇器、jquery操作dom的方法、jquery中的事件與應(yīng)用、jquery中的動(dòng)畫(huà)和特效、ajax在jquery中的應(yīng)用，以及各種常用的jquery插件的使用方法和技巧，所有這些知識(shí)點(diǎn)都配有完整的示例（包括需求分析、代碼實(shí)現(xiàn)和結(jié)果展示三部分）；再接著對(duì)jqueryui和jquery實(shí)用工具函數(shù)等擴(kuò)展知識(shí)，以及jquery的開(kāi)發(fā)技巧與性能優(yōu)化等方面的重要知識(shí)做了詳盡的闡述；最后以兩個(gè)具有代表性的綜合案例結(jié)束全書(shū)，希望能幫助讀者將前面所學(xué)的理論知識(shí)真正貫穿于實(shí)踐中，迅速進(jìn)入jquery的殿堂。

jquery權(quán)威指南目錄

第1章　jquery開(kāi)發(fā)入門

1.1　jquery概述

1.1.1　認(rèn)識(shí)jquery

1.1.2　jquery基本功能

1.1.3　搭建jquery開(kāi)發(fā)環(huán)境

1.1.4　編寫第一個(gè)簡(jiǎn)單的jquery應(yīng)用

1.1.5　jquery程序的代碼風(fēng)格

1.2　jquery的簡(jiǎn)單應(yīng)用

1.2.1　jquery訪問(wèn)dom對(duì)象

1.2.2　jquery控制dom對(duì)象

1.2.3　jquery控制頁(yè)面css

1.3　本章小結(jié)

第2章　jquery 選擇器

2.1　jquery選擇器概述

2.1.1　什么是選擇器

2.1.2　選擇器的優(yōu)勢(shì)

2.2　jquery選擇器詳解

2.2.1　基本選擇器

2.2.2　層次選擇器

2.2.3　簡(jiǎn)單過(guò)濾選擇器

2.2.4　內(nèi)容過(guò)濾選擇器

2.2.5　可見(jiàn)性過(guò)濾選擇器

2.2.6　屬性過(guò)濾選擇器

2.2.7　子元素過(guò)濾選擇器

2.2.8　表單對(duì)象屬性過(guò)濾選擇器

2.2.9　表單選擇器

2.3　綜合案例分析—導(dǎo)航條在項(xiàng)目中的應(yīng)用

2.3.1　需求分析

2.3.2　效果界面

2.3.3　功能實(shí)現(xiàn)

2.3.4　代碼分析

2.4　本章小結(jié)

第3章　jquery操作dom

3.1　dom基礎(chǔ)

3.2　訪問(wèn)元素

3.2.1　元素屬性操作

3.2.2　元素內(nèi)容操作

3.2.3　獲取或設(shè)置元素值

3.2.4　元素樣式操作

3.3　創(chuàng)建節(jié)點(diǎn)元素

3.4　插入節(jié)點(diǎn)

3.4.1　內(nèi)部插入節(jié)點(diǎn)方法

3.4.2　外部插入節(jié)點(diǎn)方法

3.5　復(fù)制節(jié)點(diǎn)

3.6　替換節(jié)點(diǎn)

3.7　包裹節(jié)點(diǎn)

3.8　遍歷元素

3.9　刪除元素

3.10　綜合案例分析—數(shù)據(jù)刪除和圖片預(yù)覽在項(xiàng)目中的應(yīng)用

3.10.1　需求分析

3.10.2　效果界面

3.10.3　功能實(shí)現(xiàn)

3.10.4　代碼分析

3.11　本章小結(jié)

第4章　jquery中的事件與應(yīng)用

4.1　事件機(jī)制

4.2　頁(yè)面載入事件

4.2.1　ready()方法的工作原理

4.2.2　ready()方法的幾種相同寫法

4.3　綁定事件

4.4　切換事件

4.4.1　hover()方法

4.4.2　toggle()方法

4.5　移除事件

4.6　其他事件

4.6.1　方法one()

4.6.2　方法trigger ()

4.7　表單應(yīng)用

4.7.1　文本框中的事件應(yīng)用

4.7.2　下拉列表框中的事件應(yīng)用

4.8　列表應(yīng)用

4.9　網(wǎng)頁(yè)選項(xiàng)卡的應(yīng)用

4.10 　綜合案例分析—?jiǎng)h除數(shù)據(jù)時(shí)的提示效果在項(xiàng)目中的應(yīng)用

4.10.1　需求分析

4.10.2　效果界面

4.10.3　功能實(shí)現(xiàn)

4.10.4　代碼分析

4.11　本章小結(jié)

第5章　jquery的動(dòng)畫(huà)與特效

5.1　顯示與隱藏

5.1.1　show()與hide()方法

5.1.2　動(dòng)畫(huà)效果的show()與hide()方法

5.1.3　toggle()方法

5.2　滑動(dòng)

5.2.1　slidedown()與slideup方法

5.2.2　slidetoggle()方法

5.3　淡入淡出

5.3.1　fadein()與fadeout()方法

5.3.2　fadeto()方法

5.4　自定義動(dòng)畫(huà)

5.4.1　簡(jiǎn)單的動(dòng)畫(huà)

5.4.2　移動(dòng)位置的動(dòng)畫(huà)

5.4.3　隊(duì)列中的動(dòng)畫(huà)

5.4.4　動(dòng)畫(huà)停止和延時(shí)

5.5　動(dòng)畫(huà)效果綜述

5.5.1　各種動(dòng)畫(huà)方法說(shuō)明

5.5.2　使用animate()方法代替其他動(dòng)畫(huà)效果

5.6　綜合案例分析—?jiǎng)赢?huà)效果瀏覽相冊(cè)中的圖片

5.6.1　需求分析

5.6.2　效果界面

5.6.3　功能實(shí)現(xiàn)

5.6.4　代碼分析

5.7　本章小結(jié)

第6章　ajax在jquery中的應(yīng)用

6.1　加載異步數(shù)據(jù)

6.1.1　傳統(tǒng)的javascript方法

6.1.2　jquery中的load()方法

6.1.3　jquery中的全局函數(shù)getjson()

6.1.4　jquery中的全局函數(shù)getscript()

6.1.5　jquery中異步加載xml文檔

6.2　請(qǐng)求服務(wù)器數(shù)據(jù)

6.2.1　$.get()請(qǐng)求數(shù)據(jù)

6.2.2　$.post()請(qǐng)求數(shù)據(jù)

6.2.3　serialize()序列化表單

6.3　$.ajax()方法

6.3.1　$.ajax()的基本概念

6.3.2　$.ajaxsetup()設(shè)置全局ajax

6.4　ajax中的全局事件

6.4.1　ajax全局事件的基本概念

6.4.2　ajaxstart與ajaxstop全局事件

6.5　綜合案例分析—用ajax實(shí)現(xiàn)新聞點(diǎn)評(píng)即時(shí)更新

6.5.1　需求分析

6.5.2　效果界面

6.5.3　功能實(shí)現(xiàn)

6.5.4　代碼分析

6.6　本章小結(jié)

第7章　jquery常用插件

7.1　jquery插件概述

7.2　驗(yàn)證插件validate

7.3　表單插件form

7.4　cookie插件cookie

7.5　搜索插件autocomplete

7.6　圖片燈箱插件notesforlightbox

7.7　右鍵菜單插件contextmenu

7.8　圖片放大鏡插件jqzoom

7.9　自定義jquery插件

7.9.1　插件的種類

7.9.2　插件開(kāi)發(fā)要點(diǎn)

7.9.3　開(kāi)發(fā)插件示例

7.10　綜合案例分析—使用uploadify插件實(shí)現(xiàn)文件上傳功能

7.10.1 　需求分析

7.10.2　效果界面

7.10.3　功能實(shí)現(xiàn)

7.10.4　代碼分析

7.11　本章小結(jié)

第8章　jquery ui插件

8.1　認(rèn)識(shí)jquery ui

8.2　jquery ui交互性插件

8.2.1　拖曳插件

8.2.2　放置

8.2.3　排序插件

8.3　jquery ui微型插件

8.3.1　折疊面板插件

8.3.2　日歷

8.3.3　選項(xiàng)卡插件

8.3.4　對(duì)話框插件

8.4　綜合案例分析—使用jquery ui插件以拖動(dòng)方式管理相冊(cè)

8.4.1　需求分析

8.4.2　效果界面

8.4.3　功能實(shí)現(xiàn)

8.4.4　代碼分析

8.5　本章小結(jié)

第9章　jquery實(shí)用工具函數(shù)

9.1　什么是工具函數(shù)

9.2　工具函數(shù)的分類

9.2.1　瀏覽器的檢測(cè)

9.2.2　數(shù)組和對(duì)象的操作

9.2.3　字符串操作

9.2.4　測(cè)試操作

9.2.5　url操作

9.3　工具函數(shù)的擴(kuò)展

9.4　其他工具函數(shù)—$.proxy()

9.5　綜合案例分析—使用jquery擴(kuò)展工具函數(shù)實(shí)現(xiàn)對(duì)字符串指定類型的檢測(cè)

9.5.1　需求分析

9.5.2　效果界面

9.5.3　功能實(shí)現(xiàn)

9.5.4　代碼分析

9.6　本章小結(jié)

第10章　jquery性能優(yōu)化與最佳實(shí)踐

10.1　優(yōu)化選擇器執(zhí)行的速度

10.1.1　優(yōu)先使用id與標(biāo)記選擇器

10.1.2　使用jquery對(duì)象緩存

10.1.3　給選擇器一個(gè)上下文

10.2　處理選擇器中的不規(guī)范元素標(biāo)志

10.2.1　選擇器中含有特殊符號(hào)

10.2.2　選擇器中含有空格符號(hào)

10.3　優(yōu)化事件中的冒泡現(xiàn)象

10.4　使用data()方法緩存數(shù)據(jù)

10.5　解決jquery庫(kù)與其他庫(kù)的沖突

10.5.1　jquery在其他庫(kù)前導(dǎo)入

10.5.2　jquery在其他庫(kù)后導(dǎo)入

10.6　使用子查詢優(yōu)化選擇器性能

10.7　減少對(duì)dom元素直接操作

10.8　正確區(qū)分dom對(duì)象與jquery對(duì)象

10.8.1　dom對(duì)象與jquery對(duì)象的定義

10.8.2　dom對(duì)象與jquery對(duì)象的類型轉(zhuǎn)換

10.9　本章小結(jié)

第11章　綜合案例開(kāi)發(fā)

案例1：切割圖片

案例2：在線聊天室

本章小結(jié)

示 例 目 錄

第1章　jquery開(kāi)發(fā)入門

示例1-1　編寫第一個(gè)簡(jiǎn)單的jquery程序

示例1-2　jquery事件的鏈?zhǔn)綄懛?/p>

示例1-3　控制dom對(duì)象

示例1-4　jquery控制css樣式

第2章　jquery 選擇器

示例2-1　使用javascript實(shí)現(xiàn)隔行變色

示例2-2　使用jquery選擇器實(shí)現(xiàn)隔行變色

示例2-3　使用javascript輸出文字信息

示例2-4　使用jquery輸出文字信息

示例2-5　使用jquery基本選擇器選擇元素

示例2-6　使用jquery層次選擇器選擇元素

示例2-7　使用jquery基本過(guò)濾選擇器選擇元素

示例2-8　使用jquery內(nèi)容過(guò)濾選擇器選擇元素

示例2-9　使用jquery可見(jiàn)性過(guò)濾選擇器選擇元素

示例2-10　使用jquery屬性過(guò)濾選擇器選擇元素

示例2-11　使用jquery子元素過(guò)濾選擇器選擇元素

示例2-12　通過(guò)表單對(duì)象屬性過(guò)濾選擇器獲取表單對(duì)象

示例2-13　使用jquery表單過(guò)濾選擇器獲取元素

綜合案例分析—導(dǎo)航條在項(xiàng)目中的應(yīng)用

第3章　jquery操作dom

示例3-1　創(chuàng)建一個(gè)dom頁(yè)面文檔

示例3-2　通過(guò)attr(name)方法獲取元素的屬性

示例3-3　設(shè)置元素的屬性（一）

示例3-4　設(shè)置元素的屬性（二）

示例3-5　設(shè)置或獲取元素的內(nèi)容

示例3-6　設(shè)置或獲取元素的值

示例3-7　直接設(shè)置元素樣式值

示例3-8　增加css類別

示例3-9　類別切換

示例3-10　動(dòng)態(tài)創(chuàng)建節(jié)點(diǎn)元素

示例3-11　插入節(jié)點(diǎn)（一）

示例3-12　插入節(jié)點(diǎn)（二）

示例3-13　外部插入節(jié)點(diǎn)

示例3-14　復(fù)制元素節(jié)點(diǎn)

示例3-15　替換元素節(jié)點(diǎn)

示例3-16　包裹元素節(jié)點(diǎn)

示例3-17　遍歷元素

示例3-18　刪除元素

綜合案例分析—數(shù)據(jù)刪除和圖片預(yù)覽在項(xiàng)目中的應(yīng)用

第4章　jquery中的事件與應(yīng)用

示例4-1　事件中的冒泡現(xiàn)象

示例4-2　用bind方法綁定事件

示例4-3　用映射方式綁定不同的事件

示例4-4　用hover方法綁定事件

示例4-5　用toggle方法綁定事件

示例4-6　用unbind方法移除事件

示例4-7　用one方法綁定事件

示例4-8　用trigger方法綁定事件

示例4-9　文本框中的事件應(yīng)用

示例4-10　下拉列表框中的事件應(yīng)用

示例4-11　列表中的導(dǎo)航菜單應(yīng)用

示例4-12　網(wǎng)頁(yè)選項(xiàng)卡的應(yīng)用

綜合案例分析—?jiǎng)h除數(shù)據(jù)時(shí)的提示效果在項(xiàng)目中的應(yīng)用

第5章　jquery的動(dòng)畫(huà)與特效

示例5-1　show()與hide()方法簡(jiǎn)介

示例5-2　動(dòng)畫(huà)效果的show()與hide()方法

示例5-3　toggle()方法的使用

示例5-4　slidedown()與slideup()方法

示例5-5　slidetoggle()方法

示例5-6　fadein()和fadeout()方法

示例5-7　fadeto()方法

示例5-8　簡(jiǎn)單的動(dòng)畫(huà)

示例5-9　移動(dòng)位置的動(dòng)畫(huà)

示例5-10　隊(duì)列中的動(dòng)畫(huà)

示例5-11　動(dòng)畫(huà)停止和延時(shí)

綜合案例分析—?jiǎng)赢?huà)效果瀏覽相冊(cè)中的圖片

第6章　ajax在jquery中的應(yīng)用

示例6-1　傳統(tǒng)的javascript方法實(shí)現(xiàn)ajax功能

示例6-2　load()方法實(shí)現(xiàn)異步獲取數(shù)據(jù)

示例6-3　全局函數(shù)getjson()實(shí)現(xiàn)異步獲取數(shù)據(jù)

示例6-4　全局函數(shù)getscript()實(shí)現(xiàn)異步獲取數(shù)據(jù)

示例6-5　全局函數(shù)get()實(shí)現(xiàn)異步獲取xml文檔數(shù)據(jù)

示例6-6　全局函數(shù)get ()向服務(wù)器請(qǐng)求數(shù)據(jù)

示例6-7　全局函數(shù)post ()向服務(wù)器請(qǐng)求數(shù)據(jù)

示例6-8　serialize()序列化表單

示例6-9　用$.ajax()方法發(fā)送請(qǐng)求

示例6-10　$.ajaxsetup()方法全局設(shè)置ajax

示例6-11　jquery中的全局事件

綜合案例分析—用ajax實(shí)現(xiàn)新聞點(diǎn)評(píng)即時(shí)更新

第7章　jquery常用插件

示例7-1　驗(yàn)證插件的使用

示例7-2　表單插件的使用

示例7-3　cookie插件的使用

示例7-4　搜索插件的使用

示例7-5　圖片燈箱插件的使用

示例7-6　右鍵菜單插件的使用

示例7-7　圖片放大鏡插件的使用

示例7-8　對(duì)象級(jí)別插件的開(kāi)發(fā)

示例7-9　類級(jí)別插件的開(kāi)發(fā)

綜合案例分析—使用uploadify插件實(shí)現(xiàn)文件上傳功能

第8章　jquery ui插件

示例8-1　使用draggable插件實(shí)現(xiàn)對(duì)象的拖曳操作

示例8-2　使用droppable插件實(shí)現(xiàn)對(duì)象的放置操作

示例8-3　使用sortable插件實(shí)現(xiàn)列表中表項(xiàng)的拖曳排序操作

示例8-4　使用accordion插件實(shí)現(xiàn)頁(yè)面中多區(qū)域的折疊操作

示例8-5　使用datepicker插件實(shí)現(xiàn)日期選擇的基本操作

示例8-6　使用datepicker插件實(shí)現(xiàn)分段時(shí)間的選擇

示例8-7　使用tabs插件展示選項(xiàng)卡的基本功能

示例8-8　使用dialog插件彈出提示和確定信息對(duì)話框

綜合案例分析—使用jquery ui插件以拖動(dòng)方式管理相冊(cè)

第9章　jquery實(shí)用工具函數(shù)

示例9-1　browser對(duì)象的使用

示例9-2　boxmodel對(duì)象的使用

示例9-3　$.each()函數(shù)遍歷數(shù)組

示例9-4　$.each()函數(shù)遍歷對(duì)象

示例9-5　$. grep()函數(shù)篩選數(shù)據(jù)

示例9-6　$. map()函數(shù)變更數(shù)據(jù)

示例9-7　$.inarray()函數(shù)搜索數(shù)據(jù)

示例9-8　$.trim()函數(shù)除掉字符串左右兩邊的空格符

示例9-9　$.isemptyobject()函數(shù)的使用

示例9-10　$.isplainobject ()函數(shù)的使用

示例9-11　$.contains()函數(shù)的使用

示例9-12　使用函數(shù)$.param()對(duì)數(shù)組進(jìn)行序列化

示例9-13　使用函數(shù)$.extend()擴(kuò)展工具函數(shù)

示例9-14　使用函數(shù)$.proxy()改變事件函數(shù)的作用域

綜合案例分析—使用jquery擴(kuò)展工具函數(shù)實(shí)現(xiàn)對(duì)字符串指定類型的檢測(cè)

第10章　jquery性能優(yōu)化與最佳實(shí)踐

示例10-1　在指定的查找范圍內(nèi)獲取dom元素

示例10-2　選擇器中含有空格符與不含空格符的區(qū)別

示例10-3　事件中的target方法優(yōu)化冒泡現(xiàn)象

示例10-4　使用data()方法在元素上存取移除數(shù)據(jù)

示例10-5　使用data()方法在元素上存取移除json格式的數(shù)據(jù)

示例10-6　解決jquery庫(kù)先于其他庫(kù)導(dǎo)入時(shí)，變量“$”的使用權(quán)問(wèn)題

示例10-7　解決jquery庫(kù)后于其他庫(kù)導(dǎo)入時(shí)，變量“$”的使用權(quán)問(wèn)題

示例10-8　使用子查詢優(yōu)化選擇器性能

示例10-9　減少對(duì)dom元素直接操作

示例10-10　dom對(duì)象與jquery對(duì)象的類型轉(zhuǎn)換

第11章　綜合案例開(kāi)發(fā)

案例1：切割圖片

案例2：在線聊天室