精彩絕倫的jQuery

第一部分　 jQuery與JavaScript簡介
第1章　 認(rèn)識(shí)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　 為列表或集合中的第一個(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　 在用戶離開頁面時(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ā)添加或刪除頁面內(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)時(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è)簡單的圖庫　 　 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è)帶文本說明的圖庫　 　 106
5.10.2　 使用jQuery Easing插件添加緩動(dòng)效果　 　 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章　 生成可交互的生動(dòng)表格　 　 138
7.1　 用CSS為表格數(shù)據(jù)設(shè)置樣式　 　 138
7.1.1　 使用過濾器創(chuàng)建條紋表格　 　 140
7.1.2　 為表格中的行添加簡單懸停效果　 　 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è)置表格分頁　 　 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　 頁面加載完成后使文本框獲得焦點(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ù)制一個(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)系人表單添加簡單驗(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　 在頁面上動(dòng)態(tài)載入內(nèi)容　 　 194
9.2.1　 載入全部內(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的快速成長　 　 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