基本信息
原書名:Smashing jQuery作者: (美)Jake Rutter [作譯者介紹]
譯者: 魏忠
叢書名: 圖靈程式設計叢書
上架時間:2012-5-17
出版日期:2012 年5月
頁碼:279
版次:1-1
所屬分類: 計算機 > 軟體與程式設計 > 網路編程 > javascript
編輯推薦
Smashing雜誌專業策劃
闡釋jQuery的現代技巧和最佳實踐
初學者入門的捷徑
內容簡介
計算機書籍《精彩絕倫的jquery》是jquery 基礎教程,通過大量實用技巧、案例、示例分4 部分全面講解了jquery 開發。第一部分介紹jquery 與javascript 庫,以及jquery 帶來的巨大便利。第二部分重點論述jquery 基礎知識,包括選擇器、事件與特效。第三部分探討jquery 套用,包括用jquery 改進web 表單驗證等內容。第四部分是jquery 高級技術分析,如使用和編寫外掛程式、處理ajax 請求、編寫移動套用。另外,本書最後盤點了jquery 線上資源。
《精彩絕倫的jquery》適合web 設計人員及前端開發人員學習參考。
作譯者回到頂部↑本書提供作譯者介紹
Jake Rutter Web設計師和開發者,有9年多的用戶界面設計和前端開發經驗,精通HTML、CSS和JavaScript。
目錄
《精彩絕倫的jquery》第一部分 jquery與javascript簡介
第1章 認識jquery 2
1.1 探索javascript庫 2
1.1.1 javascript庫優於傳統解決方案之處 2
1.1.2 主流javascript庫 3
1.1.3 jquery的高明之處 5
第2章 jquery入門 13
2.1 搭建開發環境 13
2.2 下載jquery庫 21
2.3 在頁面中包含jquery庫 23
2.4 理解jquery包裝器 25
2.4.1 在document.ready事件處理方法之外執行代碼 26
2.4.2 防止與其他庫發生衝突 27
2.4.3 用jquery寫javascript 28
第二部分 jquery基礎
第3章 jquery核心:選擇器、過濾器及css 30
3.1 使用jquery選擇器選取dom元素 30
3.2 使用jquery過濾器過濾元素 42
3.2.1 基本過濾器及套用 42
.3.2.2 利用:even和:odd過濾器生成條紋表格 43
3.2.3 為列表或集合中的第一個和最後一個元素設定樣式 45
3.2.4 找出包含特定元素的元素 46
3.2.5 找出不包含任何子元素或文本的元素 47
3.2.6 根據元素包含的文本過濾元素 48
3.3 根據元素的屬性在dom中選取元素 50
3.3.1 選擇包含某個網站地址的連結 50
3.3.2 選擇屬性值以某個單詞結尾的元素 51
3.3.3 用jquery操作html和css 53
3.3.4 添加、刪除、克隆及替換dom元素或內容 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()事件預載入圖片 62
4.2.3 在用戶離開頁面時顯示一條提示訊息 64
4.2.4 使用error事件顯示備用圖片 65
4.3 事件代理(委託)入門 66
4.3.1 使用.bind()綁定事件處理函式 67
4.3.2 使用.live()綁定事件處理函式 68
4.3.3 使用.delegate()綁定事件處理函式 68
4.4 捕獲滑鼠事件 69
4.4.1 通過單擊滑鼠觸發添加或刪除頁面內容的行為 70
4.4.2 雙擊事件 73
4.4.3 利用滑鼠懸停行為顯示提示內容 73
4.4.4 利用mousedown和mouseup事件實現添加到購物車功能 77
4.4.5 實現圖片翻轉效果 80
4.5 捕獲表單事件 81
4.5.1 得到焦點時為表單元素添加框線 82
4.5.2 焦點離開輸入框之後顯示訊息 82
4.6 捕獲鍵盤事件 82
第5章 用特效為web站點添色 86
5.1 jquery特效能做些什麼 86
5.2 使用.show()和.hide()方法顯示或隱藏元素 88
5.2.1 結合.show()方法和cookie讓一條訊息在站點上只顯示一次 90
5.2.2 切換元素的顯示狀態(顯示/隱藏) 92
5.3 滑動元素 93
5.4 使用.slidetoggle()方法顯示替代搜尋項 93
5.5 元素淡入淡出 96
5.6 使用淡入/淡出效果建立一個簡單的圖庫 96
5.7 使用延遲創建定時執行的動畫 100
5.8 鏈式調用多個效果 101
5.9 使用多種特效創建一個新聞閱讀器 102
5.10 創建高級動畫 105
5.10.1 使用高級動畫創建一個帶文本說明的圖庫 106
5.10.2 使用jquery easing外掛程式添加緩動效果 113
第三部分 jquery套用
第6章 改進導航:選單、標籤及摺疊選項 116
6.1 讓頁面上所有的連結都在新視窗打開 116
6.2 突出顯示導航中的當前選中項 117
6.3 創建簡單的下拉選單 119
6.4 創建摺疊選單 125
6.5 創建標籤式內容 131
第7章 生成可互動的生動表格 138
7.1 用css為表格數據設定樣式 138
7.1.1 使用過濾器創建條紋表格 140
7.1.2 為表格中的行添加簡單懸停效果 141
7.1.3 為表格中的行添加高級懸停效果 142
7.2 維護表格數據 143
7.2.1 在表格第一行或最後一行之後添加一行 145
7.2.2 使用過濾器選擇器刪除一行 147
7.2.3 基於索引在某一行之後增加一行 148
7.2.4 基於索引刪除某行 148
7.2.5 在包含特定內容的行之後追加訊息 148
7.2.6 基於元素內容刪除一行 149
7.3 使用jquery設定表格分頁 149
7.4 使用jquery外掛程式生成高級表格 154
7.4.1 使用tablesorter外掛程式對表格行排序 155
7.4.2 修改默認排序順序 158
7.4.3 使用visualize外掛程式為表格數據生成迷人的圖表 158
7.4.4 生成柱狀圖 159
第8章 使用jquery製作高級表單 162
8.1 頁面載入完成後使文本框獲得焦點 162
8.2 啟用或禁用表單元素 163
8.3 突出顯示錶單當前項 164
8.4 為文本框設定默認文本 166
8.5 限制文本輸入框的輸入字數 169
8.6 實現複選框的全選功能 170
8.7 獲取文本輸入框的值 172
8.8 得到select元素的值 173
8.9 簡單驗證表單中的電子郵件 174
8.10 複製一個文本框的內容到另一個文本框 178
8.11 利用外掛程式增強表單功能 181
8.11.1 為網站整合qtip外掛程式 181
8.11.2 利用qtip使用title屬性創建表單元素的基本提示信息 183
8.11.3 使用jquery validate外掛程式驗證表單 184
8.11.4 為聯繫人表單添加簡單驗證 185
8.11.5 在聯繫人表單中使用高級驗證規則並自定義提示信息 188
第四部分 jquery高級技術
第9章 ajax與動態數據處理 192
9.1 ajax揭秘 192
9.2 在頁面上動態載入內容 194
9.2.1 載入全部內容 194
9.2.2 在內容載入失敗時處理錯誤 195
9.2.3 載入部分內容 198
9.3 使用get和post方法提交表單 199
9.4 操作xml數據 204
9.5 解析內部xml數據並生成html 207
9.6 操作json數據 209
9.7 獲取json數據並生成html 211
9.8 使用delicious api接收jsonp數據以創建delicious用戶組件 213
9.9 使用jsonp和yelp api創建一個yelp最熱點評組件 219
9.9.1 申請yelp api key 220
9.9.2 使用yelp api基於電話號碼獲取點評 222
第10章 創建及使用jquery外掛程式 228
10.1 jquery外掛程式 228
10.2 在站點上使用jquery外掛程式 229
10.3 在站點上包含jquery ui 230
10.3.1 下載jquery ui 231
10.3.2 將jquery ui添加到站點 231
10.3.3 jquery ui小部件工作原理 232
10.3.4 自定義jquery ui的外觀 232
10.3.5 使用themeroller創建ui主題 234
10.3.6 使用jquery ui主題 236
10.3.7 將jquery ui組件整合到站點 236
10.4 整合流行的jquery外掛程式到站點 244
10.4.1 jquery tools 244
10.4.2 fancybox 247
10.5 編寫第一個jquery外掛程式 249
10.5.1 籌劃一個外掛程式 250
10.5.2 外掛程式的結構 250
10.5.3 設定外掛程式選項 251
10.5.4 創建外掛程式 252
10.6 如何發布jquery外掛程式 258
10.6.1 打包外掛程式以便發布 258
10.6.2 發布外掛程式 259
第11章 jquery在移動web開發中的套用 260
11.1 使用jquery構建移動web套用 260
11.2 移動瀏覽器 261
11.2.1 css3 262
11.2.2 html5 263
11.2.3 移動開發的必要裝備 263
11.2.4 面向apple iphone safari移動瀏覽器的開發 265
11.2.5 面向google android的chrome瀏覽器的開發 267
11.2.6 在不同智慧型手機上顯示不同內容 268
11.2.7 使用jquery開發移動站點和應用程式 268
11.3 jquery mobile預覽版介紹 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官方站點 274
12.2.1 jquery api文檔子站 274
12.2.2 jquer教程 275
12.2.3 jquery 聚會或討論會 275
12.2.4 bug追蹤系統 277
12.2.5 jquery論壇 277
12.3 其他web設計和開發資源 279