??? 近一年沒(méi)有更新博客. 這一年我進(jìn)行了我的第一次跳槽和轉(zhuǎn)型. 從架構(gòu)到一名前端開(kāi)發(fā), 這個(gè)轉(zhuǎn)型是糾結(jié)的.現(xiàn)在我是百度的一名前端開(kāi)發(fā)工程師.

?

??? “從零學(xué)習(xí)jQuery”系列教程收到了很多人喜歡,? 這一年在經(jīng)歷轉(zhuǎn)型的同時(shí), 也完成了一本介紹jQuery的書(shū): “jQuery風(fēng)暴”

?

??? 在這里向大家鄭重推薦這本書(shū). 寫(xiě)書(shū)的時(shí)候jQuery還是1.3.2, 隨后更新了到了1.4, 但是在已經(jīng)交稿后, jQuery又推出了1.5版本. 所以雖然本書(shū)在2011年3月底四月初就可以購(gòu)買(mǎi)到, 但是依然是基于1.4版本的jQuery進(jìn)行講解. 針對(duì)1.5的新特性, 我將隨后通過(guò)博文進(jìn)行講解和說(shuō)明.

?

??? “jQuery風(fēng)暴”在編寫(xiě)的過(guò)程中, 我腦子里只有一個(gè)想法:要讓這本書(shū)易于學(xué)習(xí). 本人生性愚鈍又健忘, 隨意希望寫(xiě)出來(lái)的東西是能夠讓愚鈍的自己在忘記的時(shí)候, 能夠舒舒服服的看懂. 所以也許這本書(shū)沒(méi)有深入剖析jQuery的所有代碼, 但是一定會(huì)讓讀者能夠建立完整的知識(shí)體系.現(xiàn)在都講究用戶(hù)體驗(yàn), 也許我追求的就是提供一種更好的“閱讀體驗(yàn)”.不過(guò)因?yàn)楸救耸褂闷匆?也許書(shū)中會(huì)有些錯(cuò)別字,如果編輯和校對(duì)人員也沒(méi)有幫忙修改的話(huà), 還請(qǐng)大家多多見(jiàn)諒.

?

??? 本書(shū)的內(nèi)容, 要比“從零學(xué)習(xí)jQuery”好上幾個(gè)層次.因?yàn)閷?xiě)這本書(shū)花了一年多的時(shí)間, 投入了很多心血.而其實(shí)寫(xiě)作的稿費(fèi)還不夠一個(gè)月的工資. 可以說(shuō)這不是一份很有性?xún)r(jià)比的事情. 寫(xiě)書(shū)和寫(xiě)博客不同, 寫(xiě)博客可以洋洋灑灑十分隨意, 而寫(xiě)書(shū)一定要嚴(yán)謹(jǐn)細(xì)致.下面會(huì)提供本書(shū)的第一章的PDF文件, 這是出版社允許發(fā)布的.另外還有本人私自公開(kāi)的未經(jīng)過(guò)校驗(yàn)修改的第二章內(nèi)容:

?

jQuery風(fēng)暴 目錄[見(jiàn)本文最后]

?

jQuery風(fēng)暴 第一章 jQuery入門(mén)(pdf格式, 出版社提供)

[下載地址1-從我的服務(wù)器]?? [下載地址2-博客園]

?

jQuery風(fēng)暴 第二章 必須知道的javascript知識(shí)(word格式, 未經(jīng)過(guò)校驗(yàn), 非最后出版版本)

[下載地址1-從我的服務(wù)器(doc格式未壓縮)]? [下載地址2-博客園(rar壓縮文件)]

?

jQuery風(fēng)暴 配套代碼下載(代碼已經(jīng)全部更新到j(luò)Query 1.5.1版本)

[下載地址1-從我的服務(wù)器]? [下載地址2-博客園]

?

出版公司網(wǎng)址:http://www.dozan.cn/

本書(shū)相關(guān)內(nèi)容:http://www.dozan.cn/archives/196.html

?

另外從這一時(shí)刻起, 也意味著我將回歸博客園. 十分感謝那些關(guān)注我的博客的童鞋們. 希望大家多多支持這本書(shū). 以后我也會(huì)在博客園發(fā)布更多前端開(kāi)發(fā)的作品!

最后, 發(fā)現(xiàn)出版社給的宣傳資料中, 把我的感謝CCTV感謝MTV的致詞都刪除了, 在這里補(bǔ)充上, 多謝我們家的領(lǐng)導(dǎo), 我的精神支柱, 王雪同學(xué)!迫于壓力, 大家懂得!

?

本書(shū)封面, 作者介紹及宣傳資料

前言

jQuery無(wú)疑是現(xiàn)在最流行的腳本類(lèi)庫(kù)之一。jQuery可以幫助用戶(hù)輕松地將動(dòng)態(tài)功能應(yīng)用到網(wǎng)頁(yè)，而且能最小化代碼量。jQuery有著豐富而絢麗的應(yīng)用，包括訪問(wèn)部分網(wǎng)頁(yè)、快速修改網(wǎng)頁(yè)內(nèi)容、添加動(dòng)畫(huà)、jQuery UI控件的應(yīng)用、應(yīng)用AJAX技術(shù)、打造自己的腳本框架、開(kāi)發(fā)熱門(mén)的LBS（Location Based Service）應(yīng)用、jQuery Mobile開(kāi)發(fā)移動(dòng)互聯(lián)網(wǎng)服務(wù)等。

隨著用戶(hù)對(duì)網(wǎng)站體驗(yàn)的要求越來(lái)越高，在用戶(hù)至上這一需求的推動(dòng)下，作為開(kāi)發(fā)者或者網(wǎng)站前臺(tái)設(shè)計(jì)師而言，如果能在B/S的網(wǎng)站架構(gòu)下真正用好jQuery來(lái)提高用戶(hù)體驗(yàn)和滿(mǎn)意度，那么他或許能夠更加自信，在職場(chǎng)中也能把握更大的主動(dòng)權(quán)。

這本書(shū)的特點(diǎn)有哪些?

如果沒(méi)有透徹理解JavaScript的精髓，那么對(duì)于jQuery的深入應(yīng)用將缺乏基石。因此本書(shū)特別安排了內(nèi)容來(lái)講解JavaScript，內(nèi)容涉及命名規(guī)范、function、this指針、DOM、JSON等。有了這些基礎(chǔ)之后，我們開(kāi)始踏上jQuery之旅，內(nèi)容涉及如何利用選擇器把效果應(yīng)用到段落和列表、事件處理和對(duì)不同表單元素執(zhí)行驗(yàn)證的技術(shù)、應(yīng)用視覺(jué)效果、導(dǎo)航、AJAX、jQuery UI和打造屬于自己的jQuery腳本框架。

隨著LBS（Location Based Service）的應(yīng)用越來(lái)越廣泛，本書(shū)還專(zhuān)門(mén)講解了百度地圖的開(kāi)發(fā)。jQuery Mobile給移動(dòng)互聯(lián)網(wǎng)的應(yīng)用開(kāi)發(fā)提供了便利性，本書(shū)在第一時(shí)間研究jQuery Mobile，并把相關(guān)的心得呈現(xiàn)出來(lái)。

如果你對(duì)JavaScript、HTML、CSS和jQuery稍有了解，那么這本書(shū)正是為你而準(zhǔn)備的。因?yàn)楸緯?shū)涵蓋了利用jQuery展開(kāi)工作時(shí)可能遇到的大多數(shù)問(wèn)題，而且本書(shū)用通俗而淺顯的文字、個(gè)性化的應(yīng)用案例，給出了學(xué)習(xí)jQuery的范例，用來(lái)解釋每一個(gè)新概念，并且每個(gè)范例都提供完整的代碼。

本書(shū)對(duì)于知識(shí)的組織、整理、歸類(lèi)，以及如何讓讀者能夠建立完整的jQuery知識(shí)體系進(jìn)行了自己獨(dú)特的探索。此外，jQuery的大版本已經(jīng)更新到了1.4，這一版本的jQuery有了大量的更新，比如對(duì)于函數(shù)重新進(jìn)行了分類(lèi)，推出了全新的API文檔，這相當(dāng)于重新整理了jQuery的知識(shí)體系結(jié)構(gòu)。所以，本書(shū)寫(xiě)作目的不僅僅是講解jQuery中的技術(shù)知識(shí)，更側(cè)重建立完整清晰的jQuery知識(shí)體系，讓讀者知道jQuery的骨架，以后也能夠通過(guò)自己深入的學(xué)習(xí)讓羽翼更加豐滿(mǎn)。

這本書(shū)適合你嗎？

• 聽(tīng)說(shuō)過(guò)jQuery，明白jQuery在用戶(hù)體驗(yàn)方面很“給力”，迫切想掌握該框架的您。
• 了解JavaScript、HTML、CSS，想讓網(wǎng)站交互性更加完美的您。
• 接觸過(guò)jQuery，但是理解不是那么深刻，特別對(duì)jQuery 1.4新特性很著迷的您。
• 天天接觸jQuery，但是不曉得怎么來(lái)打造個(gè)性化jQuery腳本框架的您。
• 對(duì)LBS（Location Based Service）已經(jīng)如雷貫耳了，希望開(kāi)發(fā)適合自己應(yīng)用的您。
• 剛剛聽(tīng)說(shuō)jQuery Mobile推出了，正在琢磨著如何改善移動(dòng)互聯(lián)網(wǎng)體驗(yàn)的您。

能學(xué)到什么？

• 使用jQuery的API文檔的技巧。
• 把效果應(yīng)用到段落和列表。
• 靈活設(shè)置頁(yè)面布局和頁(yè)面導(dǎo)航。
• 豐富的事件處理機(jī)制和動(dòng)畫(huà)效果。
• jQuery UI完美應(yīng)用。
• 自定義和封裝自己的jQuery框架。
• jQuery與百度地圖構(gòu)建LBS（Location Based Service）熱門(mén)應(yīng)用。
• jQuery Mobile，開(kāi)發(fā)基于移動(dòng)互聯(lián)網(wǎng)平臺(tái)的應(yīng)用。

本書(shū)涉及哪些jQuery的新特性？

1. 完美的JS智能提示支持

2. 功能強(qiáng)大的選擇器（支持CSS1-3選擇器及各種功能強(qiáng)大的選擇器）

3. 性能最佳的選擇器

4. 支持多種瀏覽器

IE 6.0+、 FF 2+、Safari 3.0+、Opera 9.0+、Chrome。

5. 優(yōu)雅的鏈?zhǔn)秸Z(yǔ)法

$(".myClass").css("color", "red").show();

6. AJAX操作

$("#divResult").load("../data/AjaxGetCityInfo.aspx"， { "resultType": "html" });

7. Datepicker日歷控件

8. Dialog對(duì)話(huà)框控件

9. Tab控件

10. Accordion手風(fēng)琴菜單控件

11. Progressbar進(jìn)度條控件

12. Slider滑動(dòng)條控件

13. Button按鈕控件

14. Autocomplete自動(dòng)提示控件

15. 易于擴(kuò)展（基于jQuery開(kāi)發(fā)的日歷框）

16. jQuery Mobile（開(kāi)發(fā)基于移動(dòng)互聯(lián)網(wǎng)平臺(tái)的炫麗應(yīng)用）

致謝

寫(xiě)作的過(guò)程漫長(zhǎng)而且艱辛，歷時(shí)一年多，甚至跨越了jQuery版本（在剛開(kāi)始寫(xiě)作時(shí)還是1.3.2版本）。

在寫(xiě)作本書(shū)的時(shí)候，我腦子里總是不停地思考，如何把知識(shí)講解得簡(jiǎn)單，如何讓讀者更容易讀懂，閱讀起來(lái)更加流暢。因?yàn)槲易约壕统３Ｓ龅娇磿?shū)時(shí)，發(fā)現(xiàn)書(shū)中的知識(shí)過(guò)于跳躍或者語(yǔ)言晦澀很難理解的情況。但是為了易于讀者理解本書(shū)的內(nèi)容，本書(shū)也犧牲了一些展示復(fù)雜代碼和技術(shù)的機(jī)會(huì)。如果在你一口氣看完全書(shū)后，有躍躍欲試的感覺(jué)，甚至感覺(jué)還不過(guò)癮的話(huà)，那么說(shuō)明你上道了，這總比看了一半郁悶地扔掉本書(shū)要好多了。

本書(shū)代碼與支持

為了低碳生活，本書(shū)沒(méi)有配光盤(pán)，而是采用網(wǎng)上下載代碼的方式。本書(shū)的源代碼下載，以及有疑問(wèn)想詢(xún)問(wèn)作者，可以訪問(wèn)作者的博客：http://www.cnblogs.com/zhangziqiu。更多的資料也可以從http://www.dozan.cn網(wǎng)站上獲取。

?

jQuery風(fēng)暴--目錄

第 1 章 jQuery 入門(mén) ........................................................................................................ 1
1.1 認(rèn)識(shí)jQuery ................................................................................................................. 2
1.1.1 認(rèn)識(shí)jQuery ..................................................................................................... 2
1.1.2 jQuery 之美 ..................................................................................................... 3
1.1.3 jQuery 與其他腳本類(lèi)庫(kù)的比較 ...................................................................... 5
1.2 上手jQuery ................................................................................................................. 6
1.2.1 jQuery 版本介紹 ............................................................................................. 6
1.2.2 在Visual Studio 中使用jQuery ...................................................................... 7
1.2.3 在Aptana 中使用jQuery ................................................................................ 8
1.3 Hello jQuery 實(shí)例 ...................................................................................................... 10
1.3.1 添加腳本引用 ................................................................................................ 10
1.3.2 添加DOM 元素 ............................................................................................. 11
1.3.3 創(chuàng)建頁(yè)面腳本對(duì)象 ......................................................................................... 11
1.4 小結(jié) ............................................................................................................................ 12

第2 章必須知道的JavaScript 知識(shí) .............................................................................. 13
2.1 JavaScript 基礎(chǔ) ........................................................................................................... 14
2.1.1 JavaScript 與ECMAScript ............................................................................. 14
2.1.2 JavaScript 中的值類(lèi)型和引用類(lèi)型 ............................................................... 14
2.1.3 JavaScript 中的原始類(lèi)型 ............................................................................... 15
2.1.4 undefined、null 和typeof 運(yùn)算符 ................................................................. 15
2.1.5 變量聲明 ........................................................................................................ 17
2.1.6 JavaScript 命名規(guī)范 ....................................................................................... 17
2.1.7 變量的作用域與閉包 ..................................................................................... 18
2.2 悟透JavaScript 中的function ................................................................................... 20
2.2.1 使用function 聲明方法和類(lèi)型 ..................................................................... 20
2.2.2 function 的本質(zhì) .............................................................................................. 21
2.2.3 new 運(yùn)算符 .................................................................................................... 21
2.2.4 function 的arguments 參數(shù)對(duì)象 .................................................................... 22
2.2.5 理解this 指針 ................................................................................................. 22
2.3 JavaScript 中的原型 ................................................................................................... 24
2.3.1 使用原型實(shí)現(xiàn)JavaScript 的面向?qū)ο?.......................................................... 24
2.3.2 使用原型鏈實(shí)現(xiàn)繼承 ..................................................................................... 25
2.4 DOM ........................................................................................................................... 26
2.4.1 什么是DOM .................................................................................................. 26
2.4.2 操作HTML DOM 對(duì)象 ................................................................................. 26
2.4.3 DOM 元素與HTML 元素 ............................................................................. 28
2.5 其他JavaScript 秘籍 .................................................................................................. 29
2.5.1 數(shù)據(jù)通信格式JSON ...................................................................................... 29
2.5.2 動(dòng)態(tài)語(yǔ)言——eval .......................................................................................... 31
2.5.3 JavaScript 中的邏輯運(yùn)算符 ........................................................................... 32
2.6 小結(jié) ............................................................................................................................ 35

第3 章 jQuery 核心基礎(chǔ) ................................................................................................ 36
3.1 jQuery 對(duì)象 ................................................................................................................ 37
3.1.1 什么是jQuery 對(duì)象 ....................................................................................... 37
3.1.2 jQuery 對(duì)象深入解析 .................................................................................... 37
3.1.3 jQuery 對(duì)象轉(zhuǎn)換為DOM 對(duì)象 ..................................................................... 38
3.1.4 DOM 對(duì)象轉(zhuǎn)化為jQuery 對(duì)象 ..................................................................... 39
3.1.5 jQuery 對(duì)象的鏈?zhǔn)讲僮?................................................................................ 39
3.1.6 “$”變量的使用 ........................................................................................... 40
3.1.7 解決多類(lèi)庫(kù)沖突——“$”變量沖突問(wèn)題 ................................................... 41
3.2 jQuery 文檔處理程序 ................................................................................................ 42
3.2.1 jQuery 文檔處理程序介紹............................................................................. 42
3.2.2 文檔處理程序的優(yōu)勢(shì) ..................................................................................... 43
3.2.3 jQuery 文檔處理程序深入解析 ..................................................................... 44
3.2.4 jQuery 文檔處理程序注意事項(xiàng) ..................................................................... 46
3.3 jQuery 幫助文檔 ........................................................................................................ 49
3.3.1 jQuery API 在線幫助文檔 ............................................................................. 49
3.3.2 jQuery API 在線幫助文檔分類(lèi) ..................................................................... 50
3.3.3 jQuery API 中文幫助文檔 ............................................................................. 51
3.4 小結(jié) ............................................................................................................................ 52

第4 章萬(wàn)能的jQuery 選擇器 ........................................................................................ 53
4.1 jQuery 選擇器基礎(chǔ) .................................................................................................... 54
4.1.1 什么是jQuery 選擇器 ................................................................................... 54
4.1.2 jQuery 選擇器核心函數(shù) ................................................................................ 54
4.1.3 jQuery 選擇器分類(lèi) ........................................................................................ 55
4.1.4 使用jQuery 選擇器實(shí)驗(yàn)室............................................................................ 55
4.1.5 選擇器使用技巧............................................................................................. 57
4.2 基礎(chǔ)選擇器 ................................................................................................................ 59
4.2.1 基礎(chǔ)選擇器列表............................................................................................. 59
4.2.2 基礎(chǔ)選擇器使用要點(diǎn) ..................................................................................... 59
4.3 層次選擇器 ................................................................................................................ 59
4.3.1 層次選擇器列表............................................................................................. 60
4.3.2 層次選擇器使用要點(diǎn) ..................................................................................... 60
4.4 基本過(guò)濾器 ................................................................................................................ 61
4.4.1 基本過(guò)濾器列表............................................................................................. 61?
4.4.2 基本過(guò)濾器使用要點(diǎn) ..................................................................................... 62
4.5 內(nèi)容過(guò)濾器 ................................................................................................................ 63
4.5.1 內(nèi)容過(guò)濾器列表............................................................................................. 63
4.5.2 內(nèi)容過(guò)濾器使用要點(diǎn) ..................................................................................... 63
4.6 可見(jiàn)性過(guò)濾器 ............................................................................................................ 63
4.6.1 可見(jiàn)性過(guò)濾器列表 ......................................................................................... 63
4.6.2 可見(jiàn)性過(guò)濾器使用要點(diǎn) ................................................................................. 64
4.7 屬性過(guò)濾器 ................................................................................................................ 64
4.7.1 屬性過(guò)濾器列表............................................................................................. 64
4.7.2 屬性過(guò)濾器使用要點(diǎn) ..................................................................................... 65
4.8 子元素過(guò)濾器 ............................................................................................................ 65
4.8.1 子元素過(guò)濾器列表 ......................................................................................... 65
4.8.2 子元素過(guò)濾器使用要點(diǎn) ................................................................................. 66
4.9 表單類(lèi)別過(guò)濾器 ........................................................................................................ 66
4.9.1 表單類(lèi)別過(guò)濾器列表 ..................................................................................... 66
4.9.2 表單類(lèi)別過(guò)濾器使用要點(diǎn) ............................................................................. 67
4.10 表單屬性過(guò)濾器 ...................................................................................................... 68
4.10.1 表單屬性過(guò)濾器列表 ................................................................................... 68
4.10.2 表單屬性過(guò)濾器使用要點(diǎn) ........................................................................... 68
4.11 小結(jié) .......................................................................................................................... 69

第5 章管理 jQuery 對(duì)象集合 ........................................................................................ 70
5.1 動(dòng)態(tài)創(chuàng)建元素 ............................................................................................................ 71
5.1.1 使用JavaScript 創(chuàng)建對(duì)象 .............................................................................. 71
5.1.2 使用jQuery 創(chuàng)建對(duì)象 ................................................................................... 72
5.1.3 創(chuàng)建對(duì)象常見(jiàn)錯(cuò)誤 ......................................................................................... 73
5.2 過(guò)濾函數(shù)——篩選對(duì)象集合 .................................................................................... 74
5.2.1 過(guò)濾函數(shù)列表 ................................................................................................ 74
5.2.2 過(guò)濾函數(shù)要點(diǎn) ................................................................................................ 74
5.3 查找函數(shù)——找到目標(biāo)對(duì)象 .................................................................................... 76
5.3.1 查找函數(shù)列表 ................................................................................................ 77
5.3.2 查找函數(shù)要點(diǎn) ................................................................................................ 78
5.4 串聯(lián)函數(shù)——操作對(duì)象鏈 ........................................................................................ 80
5.4.1 串聯(lián)函數(shù)列表 ................................................................................................ 80
5.4.2 串聯(lián)函數(shù)要點(diǎn) ................................................................................................ 80
5.5 小結(jié) ............................................................................................................................ 82

第6 章使用 jQuery 操作元素 ........................................................................................ 83
6.1 DOM 屬性與HTML 元素屬性 ................................................................................. 84
6.1.1 區(qū)分DOM 屬性與HTML 元素屬性 ............................................................ 84
6.1.2 使用JavaScript 操作DOM 屬性 ................................................................... 85
6.1.3 使用JavaScript 操作HTML 元素屬性 ......................................................... 86
6.2 使用jQuery 操作DOM ............................................................................................. 87
6.2.1 使用jQuery 操作元素屬性............................................................................ 88
6.2.2 使用jQuery 操作元素CSS ........................................................................... 92
6.2.3 偏移量offset 分類(lèi)函數(shù) .................................................................................. 96
6.2.4 用于測(cè)量的Dimensions 分類(lèi)函數(shù) ................................................................ 98
6.2.5 使用jQuery 改變?cè)貎?nèi)容.......................................................................... 100
6.3 小結(jié) .......................................................................................................................... 102

第 7 章事件與事件對(duì)象 ............................................................................................... 103
7.1 DOM 事件模型 ........................................................................................................ 104
7.1.1 DOM 事件流 ................................................................................................ 104
7.1.2 事件處理函數(shù) .............................................................................................. 106
7.1.3 事件對(duì)象 ...................................................................................................... 107
7.2 jQuery 事件模型 ...................................................................................................... 108
7.2.1 jQuery 中的事件流 ...................................................................................... 108
7.2.2 jQuery 事件綁定函數(shù) .................................................................................. 110
7.2.3 事件處理函數(shù)中的this 指針 ....................................................................... 115
7.2.4 jQuery 事件對(duì)象 .......................................................................................... 116
7.3 jQuery 特殊事件 ...................................................................................................... 122
7.3.1 對(duì)象監(jiān)聽(tīng)函數(shù)live 和die ............................................................................. 122
7.3.2 改進(jìn)的鼠標(biāo)事件mouseenter、mouseleave 和hover ................................. 124
7.3.3 改進(jìn)的焦點(diǎn)事件focusin 和focusout .......................................................... 126
7.4 小結(jié) .......................................................................................................................... 127

第 8 章使用 AJAX 增加用戶(hù)體驗(yàn) ................................................................................ 128
8.1 原始AJAX 與jQuery 中的AJAX .......................................................................... 129
8.1.1 原始AJAX 應(yīng)用舉例 .................................................................................. 129
8.1.2 jQuery 中的AJAX 快餐 .............................................................................. 130
8.2 使用jQuery 的AJAX 函數(shù)進(jìn)行頁(yè)面交互 ............................................................. 130
8.2.1 AJAX 快捷函數(shù) ........................................................................................... 131
8.2.2 底層函數(shù)ajax()和ajaxSetup() ..................................................................... 136
8.2.3 AJAX 幫助函數(shù) ........................................................................................... 141
8.2.4 AJAX 全局事件 ........................................................................................... 145
8.3 跨域的AJAX-JSONP .............................................................................................. 146
8.3.1 什么是JSONP .............................................................................................. 146
8.3.2 JSONP 實(shí)現(xiàn)原理 .......................................................................................... 148
8.3.3 JSONP 在jQuery 中的應(yīng)用 ......................................................................... 148
8.4 小結(jié) .......................................................................................................................... 149

第 9 章 jQuery 動(dòng)畫(huà)——讓頁(yè)面動(dòng)起來(lái)......................................................................... 150
9.1 jQuery 動(dòng)畫(huà)基礎(chǔ) ...................................................................................................... 151
9.1.1 動(dòng)畫(huà)入門(mén)實(shí)例 .............................................................................................. 151
9.1.2 jQuery 動(dòng)畫(huà)分類(lèi) .......................................................................................... 152
9.1.3 jQuery 動(dòng)畫(huà)實(shí)驗(yàn)室 ...................................................................................... 152
9.1.4 jQuery 動(dòng)畫(huà)時(shí)間參數(shù) .................................................................................. 152
9.1.5 jQuery 動(dòng)畫(huà)回調(diào)函數(shù) .................................................................................. 153
9.2 基礎(chǔ)動(dòng)畫(huà)函數(shù) .......................................................................................................... 153
9.2.1 基礎(chǔ)動(dòng)畫(huà)實(shí)例 .............................................................................................. 154
9.2.2 基礎(chǔ)動(dòng)畫(huà)詳解 .............................................................................................. 154
9.3 漸變動(dòng)畫(huà)函數(shù) .......................................................................................................... 155
9.3.1 漸變動(dòng)畫(huà)實(shí)例 .............................................................................................. 156
9.3.2 漸變動(dòng)畫(huà)詳解 .............................................................................................. 156
9.4 滑動(dòng)動(dòng)畫(huà)函數(shù) .......................................................................................................... 157
9.4.1 滑動(dòng)動(dòng)畫(huà)實(shí)例 .............................................................................................. 158
9.4.2 滑動(dòng)動(dòng)畫(huà)詳解 .............................................................................................. 158
9.5 自定義動(dòng)畫(huà)函數(shù) ...................................................................................................... 158
9.5.1 jQuery 隊(duì)列 .................................................................................................. 159
9.5.2 動(dòng)畫(huà)全局開(kāi)關(guān) .............................................................................................. 161
9.5.3 停止元素動(dòng)畫(huà) .............................................................................................. 162
9.5.4 自定義動(dòng)畫(huà)效果........................................................................................... 164
9.6 小結(jié) .......................................................................................................................... 168

第 10 章 jQuery 工具函數(shù) ............................................................................................ 169
10.1 jQuery 工具函數(shù)基礎(chǔ) ............................................................................................ 170
10.1.1 工具函數(shù)說(shuō)明............................................................................................. 170
10.1.2 jQuery 工具函數(shù)概覽 ................................................................................ 170
10.2 瀏覽器特性檢測(cè) .................................................................................................... 171
10.2.1 瀏覽器特性檢測(cè)的演變 ............................................................................. 171
10.2.2 檢測(cè)瀏覽器類(lèi)型和版本 ............................................................................. 172
10.2.3 瀏覽器特性檢測(cè) ......................................................................................... 174
10.3 數(shù)組和對(duì)象操作 .................................................................................................... 176
10.3.1 遍歷數(shù)組和對(duì)象 ......................................................................................... 178
10.3.2 過(guò)濾數(shù)組 .................................................................................................... 178
10.3.3 數(shù)組和對(duì)象合并 ......................................................................................... 179
10.3.4 數(shù)組和對(duì)象轉(zhuǎn)換 ......................................................................................... 181
10.3.5 排序和過(guò)濾DOM 元素集合 ..................................................................... 182
10.3.6 轉(zhuǎn)換JSON 字符串 ..................................................................................... 183
10.4 其他工具函數(shù) ........................................................................................................ 184
10.4.1 字符串trim 操作 ........................................................................................ 184
10.4.2 判斷函數(shù) .................................................................................................... 184
10.4.3 jQuery 中的全局eval 函數(shù) ........................................................................ 185
10.4.4 制造一個(gè)空函數(shù) ......................................................................................... 185
10.4.5 檢查結(jié)點(diǎn)包含關(guān)系 ..................................................................................... 186
10.4.6 修改函數(shù)上下文 ......................................................................................... 186
10.4.7 jQuery 中的隊(duì)列函數(shù) ................................................................................ 187
10.5 擴(kuò)展jQuery 工具函數(shù) ........................................................................................... 187
10.5.1 使用JavaScript 擴(kuò)展工具函數(shù) .................................................................. 187
10.5.2 使用jQuery.extend()函數(shù)擴(kuò)展工具函數(shù) ................................................... 188
10.6 小結(jié) ........................................................................................................................ 188

第11 章拿來(lái)主義——jQuery 插件 .............................................................................. 189
11.1 jQuery 插件基礎(chǔ) .................................................................................................... 190
11.1.1 jQuery 插件介紹 ......................................................................................... 190
11.1.2 區(qū)別jQuery 插件與工具函數(shù) .................................................................... 190
11.1.3 尋找合適的jQuery 插件 ............................................................................ 191
11.1.4 合理使用jQuery 插件 ................................................................................ 191
11.2 jQuery 插件開(kāi)發(fā) .................................................................................................... 191
11.2.1 為插件起一個(gè)名字 ..................................................................................... 192
11.2.2 編寫(xiě)結(jié)構(gòu)代碼 ............................................................................................. 192
11.2.3 設(shè)計(jì)插件參數(shù) ............................................................................................. 192
11.2.4 使用插件 ..................................................................................................... 193
11.2.5 插件開(kāi)發(fā)要點(diǎn) ............................................................................................. 193
11.3 實(shí)戰(zhàn)表單驗(yàn)證插件 ................................................................................................ 193
11.3.1 應(yīng)用實(shí)例 ..................................................................................................... 194
11.3.2 驗(yàn)證方法 ..................................................................................................... 196
11.3.3 驗(yàn)證消息 ..................................................................................................... 196
11.3.4 驗(yàn)證規(guī)則 ..................................................................................................... 197
11.3.5 表單提交 ..................................................................................................... 198
11.3.6 DEBUG 模式 .............................................................................................. 198
11.3.7 多表單驗(yàn)證 ................................................................................................. 198
11.4 實(shí)戰(zhàn)自動(dòng)完成插件 ................................................................................................ 198
11.4.1 應(yīng)用實(shí)例 ..................................................................................................... 199
11.4.2 準(zhǔn)備數(shù)據(jù)源 ................................................................................................. 201
11.4.3 設(shè)置關(guān)鍵函數(shù) ............................................................................................. 201
11.4.4 為控件添加Result 事件函數(shù) ..................................................................... 202
11.4.5 匹配中文 ..................................................................................................... 203
11.4.6 其他注意事項(xiàng) ............................................................................................. 203
11.5 小結(jié) ........................................................................................................................ 203

第12 章頁(yè)面的華麗外衣——jQuery UI ...................................................................... 204
12.1 jQuery UI 基礎(chǔ) ....................................................................................................... 205
12.1.1 jQuery UI 簡(jiǎn)介 ........................................................................................... 205
12.1.2 jQuery UI 分類(lèi) ........................................................................................... 206
12.2 Datepicker 日歷控件 .............................................................................................. 207
12.2.1 應(yīng)用實(shí)例 .................................................................................................... 207
12.2.2 日歷框參數(shù) ................................................................................................ 211
12.2.3 日歷框事件 ................................................................................................ 214
12.2.4 日歷框方法 ................................................................................................ 215
12.3 Dialog 對(duì)話(huà)框控件 ................................................................................................ 216
12.3.1 對(duì)話(huà)框應(yīng)用場(chǎng)景 ......................................................................................... 216
12.3.2 應(yīng)用實(shí)例 .................................................................................................... 217
12.3.3 計(jì)算對(duì)話(huà)框位置 ......................................................................................... 221
12.3.4 取消冒泡和瀏覽器默認(rèn)行為 ..................................................................... 221
12.3.5 設(shè)置動(dòng)畫(huà)效果與取消動(dòng)畫(huà) ......................................................................... 221
12.3.6 動(dòng)態(tài)提示類(lèi)對(duì)話(huà)框的數(shù)據(jù)傳遞 ................................................................. 222
12.3.7 更換主題 .................................................................................................... 222
12.4 TAB 標(biāo)簽控件 ........................................................................................................ 222
12.4.1 應(yīng)用實(shí)例 .................................................................................................... 222
12.4.2 注意HTML 結(jié)構(gòu) ....................................................................................... 224
12.4.3 活用事件 .................................................................................................... 225
12.5 Accordion 手風(fēng)琴菜單控件................................................................................... 226
12.5.1 應(yīng)用實(shí)例 .................................................................................................... 226
12.5.2 關(guān)鍵點(diǎn)講解 ................................................................................................ 229
12.6 Progressbar 進(jìn)度條控件 ........................................................................................ 230
12.6.1 應(yīng)用實(shí)例 .................................................................................................... 230
12.6.2 實(shí)例講解 .................................................................................................... 231
12.7 Slider 滑動(dòng)條控件 .................................................................................................. 232
12.7.1 應(yīng)用實(shí)例 .................................................................................................... 232
12.7.2 實(shí)例講解 .................................................................................................... 234
12.8 button 按鈕控件 ..................................................................................................... 234
12.8.1 應(yīng)用實(shí)例 .................................................................................................... 234
12.8.2 實(shí)例講解 .................................................................................................... 237
12.9 autocomplete 自動(dòng)提示控件 .................................................................................. 238
12.9.1 應(yīng)用實(shí)例 .................................................................................................... 238
12.9.2 實(shí)例講解 .................................................................................................... 239
12.10 小結(jié) ...................................................................................................................... 241

第13 章基于 jQuery 打造腳本框架 ............................................................................. 242
13.1 頁(yè)面腳本管理 ........................................................................................................ 243
13.1.1 使用面向?qū)ο蟮姆绞焦芾眄?yè)面腳本 ......................................................... 243
13.1.2 頁(yè)面腳本事件............................................................................................. 245
13.1.3 切割腳本文件............................................................................................. 247
13.1.4 為腳本文件添加智能提示 ......................................................................... 248
13.1.5 合并及壓縮腳本文件 ................................................................................. 249
13.2 公共腳本類(lèi)庫(kù) ........................................................................................................ 250
13.2.1 template 模板方法 ...................................................................................... 250
13.2.2 修改函數(shù)上下文的方法 ............................................................................. 250
13.2.3 反序列化unparam()方法 ........................................................................... 251
13.2.4 操作Cookie 的方法 ................................................................................... 252
13.2.5 JSON 轉(zhuǎn)換方法 .......................................................................................... 255
13.3 打造jQuery UI 控件庫(kù) .......................................................................................... 255
13.3.1 使用jQuery UI ........................................................................................... 255
13.3.2 自定義日歷控件 ......................................................................................... 258
13.4 小結(jié) ........................................................................................................................ 263

第14 章 jQuery 與百度地圖實(shí)戰(zhàn) ................................................................................. 264
14.1 網(wǎng)站規(guī)劃 ................................................................................................................ 265
14.1.1 網(wǎng)站主題 .................................................................................................... 265
14.1.2 用戶(hù)人群 .................................................................................................... 265
14.1.3 盈利模式 .................................................................................................... 265
14.1.4 未來(lái)規(guī)劃 .................................................................................................... 265
14.2 網(wǎng)站實(shí)現(xiàn) ................................................................................................................ 266
14.2.1 定義頁(yè)面結(jié)構(gòu)............................................................................................. 266
14.2.2 實(shí)現(xiàn)樣式 .................................................................................................... 267
14.2.3 實(shí)現(xiàn)頁(yè)面功能............................................................................................. 268
14.2.4 頁(yè)面重構(gòu) .................................................................................................... 268
14.3 腳本詳解 ................................................................................................................ 269
14.3.1 百度地圖API 介紹 .................................................................................... 269
14.3.2 使用百度地圖API ..................................................................................... 270
14.3.3 使用頁(yè)面腳本框架 ..................................................................................... 271
14.3.4 使用jQuery UI ........................................................................................... 272
14.3.5 本地搜索 .................................................................................................... 273
14.3.6 公交和駕車(chē)搜索 ......................................................................................... 275
14.4 小結(jié) ........................................................................................................................ 277

第15 章移動(dòng)腳本框架jQuery Mobile ......................................................................... 278
15.1 jQuery Mobile 介紹 ................................................................................................ 279
15.1.1 jQuery Mobile 的目的 ................................................................................ 279
15.1.2 jQuery Mobile 瀏覽器兼容性 .................................................................... 279
15.1.3 jQuery Mobile 特性 .................................................................................... 280
15.2 jQuery Mobile 入門(mén) ................................................................................................ 280
15.2.1 Hello Mobile 實(shí)例 ...................................................................................... 281
15.2.2 API 分類(lèi) ..................................................................................................... 282
15.2.3 頁(yè)面結(jié)構(gòu) .................................................................................................... 283
15.2.4 配置系統(tǒng) .................................................................................................... 285
15.2.5 事件處理 .................................................................................................... 286
15.3 jQuery Mobile 與百度地圖API 綜合實(shí)例 ........................................................... 287
15.3.1 實(shí)例效果 .................................................................................................... 287
15.3.2 定制頁(yè)腳 .................................................................................................... 288
15.3.3 組織頁(yè)面腳本............................................................................................. 289
15.3.4 添加事件 .................................................................................................... 289
15.4 小結(jié) ........................................................................................................................ 290

總結(jié)

以上是生活随笔為你收集整理的“jQuery风暴” 推荐及配套代码下载的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。