精彩絕倫的jQuery

前言

　　前言　　在我每日的Web設(shè)計(jì)與開發(fā)工作中，jQuery是必不可少的一部分。Wiley出版社聯(lián)絡(luò)到我，希望我寫一本關(guān)于jQuery的書，這讓我既激動(dòng)又惶恐。jQuery讓W(xué)eb設(shè)計(jì)有望走進(jìn)一個(gè)無(wú)所不能的新世界。我希望能通過這本書，告訴人們?nèi)绾问褂胘Query提高開發(fā)效率，以及如何編寫人機(jī)交互組件，而后者人們普遍認(rèn)為沒有高深的編程知識(shí)就不可能做到?！　”緯仁莏Query入門讀物，又是一本jQuery實(shí)用指南，書中的例子都是實(shí)際Web開發(fā)過程中的解決方案，因此讀者完全可以將本書作為日常開發(fā)工作的手邊書。本書內(nèi)容分為4部分，下面將分別介紹。　　第一部分　jQuery與JavaScript簡(jiǎn)介　　本部分主要是向初學(xué)者介紹jQuery。這一部分介紹了JavaScript庫(kù)，以及這些庫(kù)如何一步步走進(jìn)Web設(shè)計(jì)師和開發(fā)者的“工具箱”，并逐漸成為其中的重要角色。其中重點(diǎn)闡釋了jQuery帶來的巨大便利，讓你徹底搞清楚jQuery如此流行的原因。本部分還談及了漸進(jìn)增強(qiáng)技術(shù)的重要性。在弄清楚為什么要使用jQuery之后，我們馬上開始學(xué)習(xí)使用jQuery并將它應(yīng)用到Web站點(diǎn)。　　第二部分　jQuery基礎(chǔ)　　本部分帶你一步步全面了解jQuery的基礎(chǔ)知識(shí)，比如使用選擇器﹑事件及特效等。jQuery的選擇器極其強(qiáng)悍，因此我專門拿出整整一章的篇幅詳細(xì)介紹各種選擇器，不但介紹用法，還給出了例子。本部分還介紹了事件和特效，學(xué)好它們，你就為創(chuàng)建Web應(yīng)用和UI組件打好了堅(jiān)實(shí)基礎(chǔ)?！　〉谌糠帧Query應(yīng)用　　第三部分的主題是把前面學(xué)到的jQuery知識(shí)應(yīng)用于具體的Web站點(diǎn)或應(yīng)用程序。（第二部分有零零散散的例子，但沒有完整的解決方案，比如如何創(chuàng)建一個(gè)折疊菜單或標(biāo)簽式導(dǎo)航等。）本部分還包括使用jQuery改進(jìn)Web站點(diǎn)表單驗(yàn)證的內(nèi)容?！　〉谒牟糠帧Query高級(jí)技術(shù)　　每位jQuery開發(fā)者都希望了解jQuery高級(jí)技術(shù)，如使用和編寫插件、用jQuery處理Ajax請(qǐng)求，或者用jQuery編寫移動(dòng)應(yīng)用。第四部分深入研究了這些高級(jí)主題。此外，我還專門拿出第12章盤點(diǎn)了所有的jQuery線上資源?！　∽x者對(duì)象　　本書面向那些剛剛開始使用jQuery的Web設(shè)計(jì)師和前端開發(fā)人員?？赡苣阋呀?jīng)知道jQuery插件怎么安裝，但還不清楚怎么寫，或者在網(wǎng)上常常聽人說起jQuery多么了不起，正想學(xué)習(xí)jQuery以改進(jìn)自己的站點(diǎn)，那么請(qǐng)閱讀本書吧。值得提一下的是，本書的讀者最好熟悉HTML﹑CSS知識(shí)并了解基本的JavaScript知識(shí)?！　￡P(guān)于本書　　初次出現(xiàn)的術(shù)語(yǔ)會(huì)印刷成楷體，需要你鍵入的內(nèi)容使用粗體。書中全部例子使用Firefox瀏覽器呈現(xiàn)，也兼容IE 6＋﹑Firefox 2.0＋﹑Safari 3.0＋﹑Opera 9.0＋及Chrome瀏覽器。若需下載書中的示例代碼，請(qǐng)?jiān)L問www.wiley.com/go/smashingjquery 。

內(nèi)容概要

《精彩絕倫的jQuery》是jQuery基礎(chǔ)教程，通過大量實(shí)用技巧、案例、示例分4
部分全面講解了jQuery開發(fā)。第一部分介紹jQuery與JavaScript庫(kù)，以及jQuery帶來的巨大便利。第二部分重點(diǎn)論述jQuery基礎(chǔ)知識(shí)，包括選擇器、事件與特效。第三部分探討jQuery應(yīng)用，包括用jQuery改進(jìn)Web表單驗(yàn)證等內(nèi)容。第四部分是jQuery高級(jí)技術(shù)分析，如使用和編寫插件、處理Ajax請(qǐng)求、編寫移動(dòng)應(yīng)用。另外，本書最后盤點(diǎn)了jQuery線上資源?！　　毒式^倫的jQuery》適合Web設(shè)計(jì)人員及前端開發(fā)人員學(xué)習(xí)參考。

作者簡(jiǎn)介

Jake Rutter
Web設(shè)計(jì)師和開發(fā)者，有9年多的用戶界面設(shè)計(jì)和前端開發(fā)經(jīng)驗(yàn)，精通HTML、CSS和JavaScript。

書籍目錄

第一部分　jQuery與JavaScript簡(jiǎn)介
第1章　認(rèn)識(shí)jQuery　2
1.1　探索JavaScript庫(kù)　2
1.1.1　JavaScript庫(kù)優(yōu)于傳統(tǒng)解決方案之處　2
1.1.2　主流JavaScript庫(kù)　3
1.1.3　jQuery的高明之處　5
第2章　jQuery入門　13
2.1　搭建開發(fā)環(huán)境　13
2.2　下載jQuery庫(kù)　21
2.3　在頁(yè)面中包含jQuery庫(kù)　23
2.4　理解jQuery包裝器　25
2.4.1　在document.ready事件處理方法之外執(zhí)行代碼　26
2.4.2　防止與其他庫(kù)發(fā)生沖突　27
2.4.3　用jQuery寫JavaScript　28
第二部分　jQuery基礎(chǔ)
第3章　jQuery核心：選擇器、過濾器及CSS　30
3.1　使用jQuery選擇器選取DOM元素　30
3.2　使用jQuery過濾器過濾元素　42
3.2.1　基本過濾器及應(yīng)用　42
3.2.2　利用:even和:odd過濾器生成條紋表格　43
3.2.3　為列表或集合中的第一個(gè)和最后一個(gè)元素設(shè)置樣式　45
3.2.4　找出包含特定元素的元素　46
3.2.5　找出不包含任何子元素或文本的元素　47
3.2.6　根據(jù)元素包含的文本過濾元素　48
3.3　根據(jù)元素的屬性在DOM中選取元素　50
3.3.1　選擇包含某個(gè)網(wǎng)站地址的鏈接　50
3.3.2　選擇屬性值以某個(gè)單詞結(jié)尾的元素　51
3.3.3　用jQuery操作HTML和CSS　53
3.3.4　添加、刪除、克隆及替換DOM元素或內(nèi)容　53
3.3.5　在jQuery中使用CSS　58
第4章　事件　60
4.1　理解jQuery事件　60
4.2　使用文檔和窗口事件　61
4.2.1　使用.ready()事件檢測(cè)DOM是否完全加載　61
4.2.2　使用.load()事件預(yù)加載圖片　62
4.2.3　在用戶離開頁(yè)面時(shí)顯示一條提示消息　64
4.2.4　使用error事件顯示備用圖片　65
4.3　事件代理（委托）入門　66
4.3.1　使用.bind()綁定事件處理函數(shù)　67
4.3.2　使用.live()綁定事件處理函數(shù)　68
4.3.3　使用.delegate()綁定事件處理函數(shù)　68
4.4　捕獲鼠標(biāo)事件　69
4.4.1　通過單擊鼠標(biāo)觸發(fā)添加或刪除頁(yè)面內(nèi)容的行為　70
4.4.2　雙擊事件　73
4.4.3　利用鼠標(biāo)懸停行為顯示提示內(nèi)容　73
4.4.4　利用mousedown和mouseup事件實(shí)現(xiàn)添加到購(gòu)物車功能　77
4.4.5　實(shí)現(xiàn)圖片翻轉(zhuǎn)效果　80
4.5　捕獲表單事件　81
4.5.1　得到焦點(diǎn)時(shí)為表單元素添加邊框　82
4.5.2　焦點(diǎn)離開輸入框之后顯示消息　82
4.6　捕獲鍵盤事件　82
第5章　用特效為Web站點(diǎn)添色　86
5.1　jQuery特效能做些什么　86
5.2　使用.show()和.hide()方法顯示或隱藏元素　88
5.2.1　結(jié)合.show()方法和cookie讓一條消息在站點(diǎn)上只顯示一次　90
5.2.2　切換元素的顯示狀態(tài)(顯示/隱藏)　92
5.3　滑動(dòng)元素　93
5.4　使用.slideToggle()方法顯示替代搜索項(xiàng)　93
5.5　元素淡入淡出　96
5.6　使用淡入/淡出效果建立一個(gè)簡(jiǎn)單的圖庫(kù)　96
5.7　使用延遲創(chuàng)建定時(shí)執(zhí)行的動(dòng)畫　100
5.8　鏈?zhǔn)秸{(diào)用多個(gè)效果　101
5.9　使用多種特效創(chuàng)建一個(gè)新聞閱讀器　102
5.10　創(chuàng)建高級(jí)動(dòng)畫　105
5.10.1　使用高級(jí)動(dòng)畫創(chuàng)建一個(gè)帶文本說明的圖庫(kù)　106
5.10.2　使用jQuery Easing插件添加緩動(dòng)效果　113
第三部分　jQuery應(yīng)用
第6章　改進(jìn)導(dǎo)航：菜單、標(biāo)簽及折疊選項(xiàng)　116
6.1　讓頁(yè)面上所有的鏈接都在新窗口打開　116
6.2　突出顯示導(dǎo)航中的當(dāng)前選中項(xiàng)　117
6.3　創(chuàng)建簡(jiǎn)單的下拉菜單　119
6.4　創(chuàng)建折疊菜單　125
6.5　創(chuàng)建標(biāo)簽式內(nèi)容　131
第7章　生成可交互的生動(dòng)表格　138
7.1　用CSS為表格數(shù)據(jù)設(shè)置樣式　138
7.1.1　使用過濾器創(chuàng)建條紋表格　140
7.1.2　為表格中的行添加簡(jiǎn)單懸停效果　141
7.1.3　為表格中的行添加高級(jí)懸停效果　142
7.2　維護(hù)表格數(shù)據(jù)　143
7.2.1　在表格第一行或最后一行之后添加一行　145
7.2.2　使用過濾器選擇器刪除一行　147
7.2.3　基于索引在某一行之后增加一行　148
7.2.4　基于索引刪除某行　148
7.2.5　在包含特定內(nèi)容的行之后追加消息　148
7.2.6　基于元素內(nèi)容刪除一行　149
7.3　使用jQuery設(shè)置表格分頁(yè)　149
7.4　使用jQuery插件生成高級(jí)表格　154
7.4.1　使用tablesorter插件對(duì)表格行排序　155
7.4.2　修改默認(rèn)排序順序　158
7.4.3　使用Visualize插件為表格數(shù)據(jù)生成迷人的圖表　158
7.4.4　生成柱狀圖　159
第8章　使用jQuery制作高級(jí)表單　162
8.1　頁(yè)面加載完成后使文本框獲得焦點(diǎn)　162
8.2　啟用或禁用表單元素　163
8.3　突出顯示表單當(dāng)前項(xiàng)　164
8.4　為文本框設(shè)置默認(rèn)文本　166
8.5　限制文本輸入框的輸入字?jǐn)?shù)　169
8.6　實(shí)現(xiàn)復(fù)選框的全選功能　170
8.7　獲取文本輸入框的值　172
8.8　得到select元素的值　173
8.9　簡(jiǎn)單驗(yàn)證表單中的電子郵件　174
8.10　復(fù)制一個(gè)文本框的內(nèi)容到另一個(gè)文本框　178
8.11　利用插件增強(qiáng)表單功能　181
8.11.1　為網(wǎng)站整合qTip插件　181
8.11.2　利用qTip使用title屬性創(chuàng)建表單元素的基本提示信息　183
8.11.3　使用jQuery Validate插件驗(yàn)證表單　184
8.11.4　為聯(lián)系人表單添加簡(jiǎn)單驗(yàn)證　185
8.11.5　在聯(lián)系人表單中使用高級(jí)驗(yàn)證規(guī)則并自定義提示信息　188
第四部分　jQuery高級(jí)技術(shù)
第9章　Ajax與動(dòng)態(tài)數(shù)據(jù)處理　192
9.1　Ajax揭秘　192
9.2　在頁(yè)面上動(dòng)態(tài)載入內(nèi)容　194
9.2.1　載入全部?jī)?nèi)容　194
9.2.2　在內(nèi)容載入失敗時(shí)處理錯(cuò)誤　195
9.2.3　載入部分內(nèi)容　198
9.3　使用GET和POST方法提交表單　199
9.4　操作XML數(shù)據(jù)　204
9.5　解析內(nèi)部XML數(shù)據(jù)并生成HTML　207
9.6　操作JSON數(shù)據(jù)　209
9.7　獲取JSON數(shù)據(jù)并生成HTML　211
9.8　使用Delicious API接收J(rèn)SONP數(shù)據(jù)以創(chuàng)建Delicious用戶組件　213
9.9　使用JSONP和Yelp API創(chuàng)建一個(gè)Yelp最熱點(diǎn)評(píng)組件　219
9.9.1　申請(qǐng)Yelp API Key　220
9.9.2　使用Yelp API基于電話號(hào)碼獲取點(diǎn)評(píng)　222
第10章　創(chuàng)建及使用jQuery插件　228
10.1　jQuery插件　228
10.2　在站點(diǎn)上使用jQuery插件　229
10.3　在站點(diǎn)上包含jQuery UI　230
10.3.1　下載jQuery UI　231
10.3.2　將jQuery UI添加到站點(diǎn)　231
10.3.3　jQuery UI小部件工作原理　232
10.3.4　自定義jQuery UI的外觀　232
10.3.5　使用ThemeRoller創(chuàng)建UI主題　234
10.3.6　使用jQuery UI主題　236
10.3.7　將jQuery UI組件整合到站點(diǎn)　236
10.4　整合流行的jQuery插件到站點(diǎn)　244
10.4.1　jQuery Tools　244
10.4.2　Fancybox　247
10.5　編寫第一個(gè)jQuery插件　249
10.5.1　籌劃一個(gè)插件　250
10.5.2　插件的結(jié)構(gòu)　250
10.5.3　設(shè)定插件選項(xiàng)　251
10.5.4　創(chuàng)建插件　252
10.6　如何發(fā)布jQuery插件　258
10.6.1　打包插件以便發(fā)布　258
10.6.2　發(fā)布插件　259
第11章　jQuery在移動(dòng)Web開發(fā)中的應(yīng)用　260
11.1　使用jQuery構(gòu)建移動(dòng)Web應(yīng)用　260
11.2　移動(dòng)瀏覽器　261
11.2.1　CSS3　262
11.2.2　HTML5　263
11.2.3　移動(dòng)開發(fā)的必要裝備　263
11.2.4　面向Apple iPhone Safari移動(dòng)瀏覽器的開發(fā)　265
11.2.5　面向Google Android的Chrome瀏覽器的開發(fā)　267
11.2.6　在不同智能手機(jī)上顯示不同內(nèi)容　268
11.2.7　使用jQuery開發(fā)移動(dòng)站點(diǎn)和應(yīng)用程序　268
11.3　jQuery Mobile預(yù)覽版介紹　268
11.4　移動(dòng)框架　269
11.4.1　Appcelerator Titanium框架　269
11.4.2　jQTouch插件　270
第12章　jQuery資源　272
12.1　jQuery的快速成長(zhǎng)　272
12.2　jQuery官方站點(diǎn)　274
12.2.1　jQuery API文檔子站　274
12.2.2　jQuer教程　275
12.2.3　jQuery 聚會(huì)或討論會(huì)　275
12.2.4　bug追蹤系統(tǒng)　277
12.2.5　jQuery論壇　277
12.3　其他Web設(shè)計(jì)和開發(fā)資源　279

編輯推薦

　　Smashing雜志專業(yè)策劃闡釋，jQuery的現(xiàn)代技巧和最佳實(shí)踐，初學(xué)者入門的捷徑。

圖書封面

圖書標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    精彩絕倫的jQuery PDF格式下載

---