發(fā)布時間：2016-06-11 19:04

  本文關(guān)鍵詞：精彩絕倫的jQuery，由筆耕文化傳播整理發(fā)布。

編輯推薦

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

內(nèi)容推薦

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

作者簡介

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

目錄

第一部分　jQuery與JavaScript簡介

第1章　認(rèn)識jQuery　2
1.1　探索JavaScript庫　2
1.1.1　JavaScript庫優(yōu)于傳統(tǒng)解決方案之處　2
1.1.2　主流JavaScript庫　3
1.1.3　jQuery的高明之處　5

第2章　jQuery入門　13
2.1　搭建開發(fā)環(huán)境　13
2.2　下載jQuery庫　21
2.3　在頁面中包含jQuery庫　23
2.4　理解jQuery包裝器　25
2.4.1　在document.ready事件處理方法之外執(zhí)行代碼　26
2.4.2　防止與其他庫發(fā)生沖突　27

第一部分　jQuery與JavaScript簡介

;

第1章　認(rèn)識jQuery　2

1.1　探索JavaScript庫　2

1.1.1　JavaScript庫優(yōu)于傳統(tǒng)解決方案之處　2

1.1.2　主流JavaScript庫　3

1.1.3　jQuery的高明之處　5

;

第2章　jQuery入門　13

2.1　搭建開發(fā)環(huán)境　13

2.2　下載jQuery庫　21

2.3　在頁面中包含jQuery庫　23

2.4　理解jQuery包裝器　25

2.4.1　在document.ready事件處理方法之外執(zhí)行代碼　26

2.4.2　防止與其他庫發(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　為列表或集合中的第一個和最后一個元素設(shè)置樣式　45

3.2.4　找出包含特定元素的元素　46

3.2.5　找出不包含任何子元素或文本的元素　47

3.2.6　根據(jù)元素包含的文本過濾元素　48

3.3　根據(jù)元素的屬性在DOM中選取元素　50

3.3.1　選擇包含某個網(wǎng)站地址的鏈接　50

3.3.2　選擇屬性值以某個單詞結(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()事件檢測DOM是否完全加載　61

4.2.2　使用.load()事件預(yù)加載圖片　62

4.2.3　在用戶離開頁面時顯示一條提示消息　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ā)添加或刪除頁面內(nèi)容的行為　70

4.4.2　雙擊事件　73

4.4.3　利用鼠標(biāo)懸停行為顯示提示內(nèi)容　73

4.4.4　利用mousedown和mouseup事件實(shí)現(xiàn)添加到購物車功能　77

4.4.5　實(shí)現(xiàn)圖片翻轉(zhuǎn)效果　80

4.5　捕獲表單事件　81

4.5.1　得到焦點(diǎn)時為表單元素添加邊框　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　滑動元素　93

5.4　使用.slideToggle()方法顯示替代搜索項(xiàng)　93

5.5　元素淡入淡出　96

5.6　使用淡入/淡出效果建立一個簡單的圖庫　96

5.7　使用延遲創(chuàng)建定時執(zhí)行的動畫　100

5.8　鏈?zhǔn)秸{(diào)用多個效果　101

5.9　使用多種特效創(chuàng)建一個新聞閱讀器　102

5.10　創(chuàng)建高級動畫　105

5.10.1　使用高級動畫創(chuàng)建一個帶文本說明的圖庫　106

5.10.2　使用jQuery Easing插件添加緩動效果　113

;

第三部分　jQuery應(yīng)用

;

第6章　改進(jìn)導(dǎo)航：菜單、標(biāo)簽及折疊選項(xiàng)　116

6.1　讓頁面上所有的鏈接都在新窗口打開　116

6.2　突出顯示導(dǎo)航中的當(dāng)前選中項(xiàng)　117

6.3　創(chuàng)建簡單的下拉菜單　119

6.4　創(chuàng)建折疊菜單　125

6.5　創(chuàng)建標(biāo)簽式內(nèi)容　131

;

第7章　生成可交互的生動表格　138

7.1　用CSS為表格數(shù)據(jù)設(shè)置樣式　138

7.1.1　使用過濾器創(chuàng)建條紋表格　140

7.1.2　為表格中的行添加簡單懸停效果　141

7.1.3　為表格中的行添加高級懸停效果　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è)置表格分頁　149

7.4　使用jQuery插件生成高級表格　154

7.4.1　使用tablesorter插件對表格行排序　155

7.4.2　修改默認(rèn)排序順序　158

7.4.3　使用Visualize插件為表格數(shù)據(jù)生成迷人的圖表　158

7.4.4　生成柱狀圖　159

;

第8章　使用jQuery制作高級表單　162

8.1　頁面加載完成后使文本框獲得焦點(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　簡單驗(yàn)證表單中的電子郵件　174

8.10　復(fù)制一個文本框的內(nèi)容到另一個文本框　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)系人表單添加簡單驗(yàn)證　185

8.11.5　在聯(lián)系人表單中使用高級驗(yàn)證規(guī)則并自定義提示信息　188

;

第四部分　jQuery高級技術(shù)

;

第9章　Ajax與動態(tài)數(shù)據(jù)處理　192

9.1　Ajax揭秘　192

9.2　在頁面上動態(tài)載入內(nèi)容　194

9.2.1　載入全部內(nèi)容　194

9.2.2　在內(nèi)容載入失敗時處理錯誤　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)建一個Yelp最熱點(diǎn)評組件　219

9.9.1　申請Yelp API Key　220

9.9.2　使用Yelp API基于電話號碼獲取點(diǎn)評　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　編寫第一個jQuery插件　249

10.5.1　籌劃一個插件　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在移動Web開發(fā)中的應(yīng)用　260

11.1　使用jQuery構(gòu)建移動Web應(yīng)用　260

11.2　移動瀏覽器　261

11.2.1　CSS3　262

11.2.2　HTML5　263

11.2.3　移動開發(fā)的必要裝備　263

11.2.4　面向Apple iPhone Safari移動瀏覽器的開發(fā)　265

11.2.5　面向Google Android的Chrome瀏覽器的開發(fā)　267

11.2.6　在不同智能手機(jī)上顯示不同內(nèi)容　268

11.2.7　使用jQuery開發(fā)移動站點(diǎn)和應(yīng)用程序　268

11.3　jQuery Mobile預(yù)覽版介紹　268

11.4　移動框架　269

11.4.1　Appcelerator Titanium框架　269

11.4.2　jQTouch插件　270

;

第12章　jQuery資源　272

12.1　jQuery的快速成長　272

12.2　jQuery官方站點(diǎn)　274

12.2.1　jQuery API文檔子站　274

12.2.2　jQuer教程　275

12.2.3　jQuery 聚會或討論會　275

12.2.4　bug追蹤系統(tǒng)　277

12.2.5　jQuery論壇　277

12.3　其他Web設(shè)計和開發(fā)資源　279

書摘與插畫

  本文關(guān)鍵詞：精彩絕倫的jQuery，由筆耕文化傳播整理發(fā)布。

本文編號：56242