jQuery基礎教程

出版時間：2008-7 出版社：人民郵電出版社作者：Karl Swedberg,Jonathan Chaffer 頁數(shù)：296 譯者：李松峰,李煒
Tag標簽：無

內(nèi)容概要

　　《jQuery基礎教程》以通俗易懂的方式介紹了jQuery的基本概念，主要包括jQuery的選擇符、事件、特效、DOM操作、AJAX、表格操作、表單函數(shù)、拖曳與旋轉(zhuǎn)和插件等內(nèi)容，最后幾章以實例操作為主，在前面內(nèi)容的基礎上，提出了常見的客戶端實際問題并給出了其解決方案。

作者簡介

　　Jonathan Chaffer資深web專家，Structure互動公司CTO。著名jQuery資源站LearningjQuery.com創(chuàng)始人之一。他還是著名的開源CMS項目Drupal的核心開發(fā)者，開發(fā)了廣受歡迎的模塊Content Construction Kit（內(nèi)容構建工具包）并大幅修改了菜單系統(tǒng)。

書籍目錄

第1章　jQuery入門　11.1　jQuery能做什么　11.2　jQuery為什么如此出色　21.3第一個jQuery文檔　31.3.1　下載jQuery　31.3.2　設置HTML文檔　41.3.3　編寫jQuery代碼　61.4　小結　9第2章　選擇符——取得你想要的一切　102.1　DOM　102.2　工廠函數(shù)$()　112.3　CSS選擇符　112.4　XPath選擇符　142.5　自定義選擇符　162.6　DOM遍歷方法　182.7　訪問DOM元素　222.8　小結　22第3章　事件——扣動扳機　233.1　在頁面加載后執(zhí)行任務　233.1.1　代碼執(zhí)行的時機選擇　233.1.2　基于一個頁面執(zhí)行多個腳本　243.1.3　縮短代碼的簡寫方式　253.2　簡單的事件　253.2.1　簡單的樣式轉(zhuǎn)換器　263.2.2　簡寫的事件　323.3　復合事件　333.3.1　顯示和隱藏高級特性　333.3.2　突出顯示可單擊的項　343.3.3　事件的旅程　363.3.4　事件冒泡的副作用　373.4　限制和終止事件　383.4.1　阻止事件冒泡　383.4.2　移除事件處理程序　403.5　模仿用戶操作　423.6　小結　43第4章　效果——為操作添加藝術性　444.1　修改內(nèi)聯(lián)CSS　444.2　基本的隱藏和顯示　474.3　效果和速度　494.4　多重效果　504.4.1　構建具有動畫效果的show()　514.4.2　創(chuàng)建一種自定義的動畫效果　514.4.3　理解數(shù)字的含義　534.4.4　改進自定義動畫效果　544.5　并發(fā)與排隊效果　554.5.1　處理一組元素　554.5.2　處理多組元素　574.6　簡單概括　604.7　小結　60第5章　DOM操作——基于命令改變頁面　615.1　操作屬性　615.2　插入新元素　645.3　移動元素　665.3.1　標注、編號和鏈接到上下文　695.3.2　插入腳注　715.4　包裝元素　725.5　復制元素　725.5.1　復制的深度　735.5.2　通過復制創(chuàng)建突出引用　745.6　DOM操作方法的簡單歸納　795.7　小結　80第6章　AJAX——讓網(wǎng)站與時俱進　816.1　基于請求加載數(shù)據(jù)　816.1.1　追加HTML　836.1.2　操作JavaScript對象　856.1.3　加載XML　文檔　916.2　選擇數(shù)據(jù)格式　946.3　向服務器傳遞數(shù)據(jù)　956.3.1　執(zhí)行GET請求　966.3.2　執(zhí)行POST請求　996.3.3　序列化表單　1006.4　關注請求　1026.5　AJAX和事件　1056.5.1　限定事件綁定函數(shù)的作用域　1066.5.2　利用事件冒泡　1066.6　安全限制　1076.7　小結　108第7章　表格操作　1097.1　排序　1107.1.1　服務器端排序　1107.1.2　JavaScript排序　1117.2　分頁　1237.2.1　服務器端分頁　1247.2.2　JavaScript　分頁　1257.3　完成的代碼　1297.4　高級行條紋效果　1327.4.1　三色交替模式　1357.4.2　三行一組交替　1377.5　突出顯示行　1417.6　工具提示條　1437.7　折疊和擴展　1487.8　篩選　1507.8.1　篩選選項　1507.8.2　同其他代碼整合　1527.9　完成的代碼　1557.10　小結　158第8章　構建功能型表單　1598.1　漸進增強的表單設計　1598.1.1　圖標符號　1618.1.2　必填字段的提示信息　1628.1.3　根據(jù)條件顯示的字段　1668.2　表單驗證　1688.2.1　即時反饋　1688.2.2　最終檢查　1738.3　復選框操作　1748.4　完成的代碼　1778.5　字段的占位符文本　1808.6　AJAX自動完成　1828.6.1　服務器端代碼　1828.6.2　瀏覽器端腳本　1838.6.3　填充搜索字段　1848.6.4　鍵盤導航　1848.6.5　自動完成與實時搜索　1888.7　完成的代碼　1898.8　輸入掩碼　1918.8.1　購物車表格結構　1918.8.2　拒絕非數(shù)字輸入　1948.9　數(shù)字計算　1948.9.1　解析和格式化貨幣值　1958.9.2　處理小數(shù)位　1968.9.3　其他計算　1988.10　刪除商品　2008.11　修改送貨信息　2048.12　完成的代碼　2078.13　小結　209第9章　滑移和翻轉(zhuǎn)　2109.1　標題翻轉(zhuǎn)效果　2109.1.1　設置頁面　2109.1.2　取得新聞源　2129.1.3　設置翻轉(zhuǎn)效果　2149.1.4　標題翻轉(zhuǎn)函數(shù)　2159.1.5　懸停時暫?！?179.1.6　從不同的域中取得新聞源　2199.1.7　附加的內(nèi)部漸變效果　2219.2　圖像傳送帶　2239.2.1　設置頁面　2239.2.2　通過JavaScript修改樣式　2259.2.3　通過單擊滑移圖像　2269.2.4　添加滑移效果　2289.2.5　顯示操作圖標　2299.3　放大圖像　2329.3.1　隱藏大幅封面　2349.3.2　更有價值的標記　2369.3.3　為封面放大添加動畫效果　2379.4　完成的代碼　2449.5　小結　249第10章　插件　25010.1　使用插件　25010.2　流行的插件　25110.2.1　Dimensions　25110.2.2　Form　25310.2.3　Interface　25510.3　查找插件文檔　25910.4　開發(fā)新插件　26110.4.1　添加新的全局函數(shù)　26110.4.2　添加jQuery對象方法　26310.4.3　DOM遍歷方法　26410.4.4　添加新的簡寫方法　26710.4.5　維護多事件日志　26810.4.6　添加選擇符表達式　27010.4.7　創(chuàng)建緩動樣式　27210.4.8　做個好公民　27410.5　小結　275附錄A　在線資源　277附錄B　開發(fā)工具　283附錄C　JavaScript閉包　287

章節(jié)摘錄

　　第1章　jQuery入門　　今天的萬維網(wǎng)是一個動態(tài)的環(huán)境，Web用戶對網(wǎng)站的設計和功能都提出了高要求。為了構建有吸引力的交互式網(wǎng)站，開發(fā)者們借助于像jQuery這樣的JavaScript庫，實現(xiàn)了常見任務的自動化和復雜任務的簡單化。jQuery庫廣受歡迎的一個原因，就是它對種類繁多的開發(fā)任務都能游刃有余地提供幫助?！　∮捎趈Query的功能如此豐富多樣，找到合適的切入點似乎都成了一項挑戰(zhàn)。不過，這個庫的設計秉承了一致性與對稱性原則，它的大部分概念都是從HTML和CSS（Cascading Style Sheet，層疊樣式表）的結構中借用而來的。鑒于很多Web開發(fā)人員對這兩種技術比對JavaScript更有經(jīng)驗，所以編程經(jīng)驗不多的設計者能夠快速學會使用該庫。實際上，在本書開篇第1章中，只需3行代碼就能編寫一個有用的jQuery程序。另一方面，經(jīng)驗豐富的程序設計人員也會受益于這種概念上的一致性，通過學習后面的更高級內(nèi)容，你會感受到這一點。但是，在舉例說明如何使用這個庫之前，我們應該首先討論一下選擇它的理由?！　?.1　jQuery能做什么　　jQuery庫為Web腳本編程提供了通用的抽象層，使得它幾乎適用于任何腳本編程的情形。由于它容易擴展而且不斷有新插件面世增強它的功能，所以一本書根本無法涵蓋它所有可能的用途和功能。拋開這些不談，僅就其核心特性而言，jQuery能夠滿足下列需求：　　取得頁面中的元素。如果不使用JavaScript庫，遍歷DOM（Documem Object Model，文檔對象模型）樹，以及查找HTML文檔結構中某個特殊的部分，必須編寫很多行代碼。jQuery為準確地獲取需要檢查或操縱的文檔元素，提供了可靠而富有效率的選擇符機制?！　⌒薷捻撁娴耐庥^。css雖然為影響文檔呈現(xiàn)的方式提供了一種強大的手段，但當所有瀏覽器不完全支持相同的標準時，單純使用CSS就會顯得力不從心。jQuery可以彌補這一不足，它提供了跨瀏覽器的標準解決方案。而且，即使在頁面已經(jīng)呈現(xiàn)之后，jQuery仍然能夠改變文檔中某個部分的類或者個別的樣式屬性。　　改變頁面的內(nèi)容。jQuery能夠影響的范圍并不局限于簡單的外觀變化，使用少量的代碼，jQuery就能改變文檔的內(nèi)容?？梢愿淖兾谋尽⒉迦牖蚍D(zhuǎn)圖像、對列表重新排序，甚至，對HTML文檔的整個結構都能重寫和擴充——所有這些只需一個簡單易用的API。　　響應用戶的頁面操作。即使是最強大和最精心設計的行為，如果我們無法控制它何時發(fā)生，那它也毫無用處。jQuery提供了截取形形色色的頁面事件（比如用戶單擊一個鏈接）的適當方式，而不需要使用事件處理程序搞舌LHTML代碼。此外，它的事件處理API也消除了經(jīng)常困擾Web開發(fā)人員的瀏覽器不一致性?！　轫撁嫣砑觿討B(tài)效果。為了實現(xiàn)某種交互式行為，設計者也必須向用戶提供視覺上的反饋。jQuery中內(nèi)置的一批淡入、擦除之類的效果，以及制作新效果的工具包，為此提供了便利?！　o需刷新頁面即可從服務器獲取信息。這種編程模式就是眾所周知的AJAX（AsynchronousJavaScript and XML，異步JavaScript和XML），它能輔助Web開發(fā)人員創(chuàng)建出反應靈敏、功能豐富的網(wǎng)站。jQuery通過消除這一過程中的瀏覽器特定的復雜性，使開發(fā)人員得以專注于服務器端的功能設計。

編輯推薦

　　全球第一部jQuery著作，Amazon全五星盛譽，jQuery官方網(wǎng)站推薦。　　jQuery是功能強大卻又簡潔明快的輕量級JavaScript庫，出自名家之手。因為在DOM操作、事件處理、Ajax特性以及動畫特效等方面的出色表現(xiàn)，它迅速從眾多JavaScript庫中脫穎而出，成為一顆閃亮的明星?！　”緯堑谝槐救嫔钊虢榻BjQuery的著作，源自著名jQuery資源網(wǎng)站LeamingjQuery.com，深得業(yè)界好評。從中你不僅能夠?qū)W到jQuery的基本知識，還能領略大量堪稱典范的實例和JavaScript編程最佳實踐。

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

還沒讀過(47)
勉強可看(345)
一般般(588)
內(nèi)容豐富(2440)
強力推薦(200)

jQuery基礎教程 PDF格式下載

用戶評論 (總計22條)

　　jquery is javascript's simply version
　　jquery is javascript's simply version
　　jquery is javascript's simply version
　　jquery is javascript's simply version
　　jquery is javascript's simply version
　　jquery is javascript's simply version
　　jquery is javascript's simply version
　　
　　這本書看了三遍，第一遍是感覺好多不會。第二次感覺講的比較全。第三次感覺變薄了。O(∩_∩)O
　　
　　第三遍寫的這個筆記?？偟母杏X這本書講的比較基礎，比較細，需要記得東西比較多。前幾張講的都是一些知道的東西，到了第六章，才有了感覺。是前端和后臺通信的開始，也逼著自己去學了一點后臺的php。。
　　
　　開發(fā)插件這章真心不錯，了解了一些jQuery的細節(jié)。建議多看幾遍。
　　
　　高級選擇符合后面的事件處理，講了一些不常用的（我沒有經(jīng)常見的）選擇符，要記到了，以后可能會事半功倍。
　　
　　總之，好評吧~
　　我看的是英文版的電子書，講得沒什么章法，該詳細的地方?jīng)]詳細，不該啰嗦的地方啰里八嗦的，不推薦，入門也不推薦。
　　
　　如果你是一名有工作經(jīng)驗的前端，但是沒有jQuery的使用經(jīng)驗，而且又要快速上手干活，那么這本書還是非常適合的。
　　關于JS本身比較難理解的是閉包、作用域鏈還有基于原型的繼承，如果再熟悉瀏覽器端的編程（主要是BOM、DOM）、事件、CSS，那么就可以有基本的能力去閱讀任何一個JS框架或庫了，如果你再有服務端的開發(fā)經(jīng)驗就更好了，比如我這種曾經(jīng)的優(yōu)秀的java、jee程序員，哈哈。除了UI控件的提供，各種框架或庫要解決的主要問題和提供給開發(fā)人員的能力都是差不多相同的。
　　閱讀源碼是需要時間成本的，工作中可能不會給你足夠的時間閱讀源碼，需要的是馬上上手干活。那么像這樣的書籍就有了用處了—快速的告訴你怎樣使用它完成任務，解決問題。
　　差不多花了3個下午的時間讀完了這本書（邊干活邊讀，沒看第10章，個人認為不需要讀這一章），按照《如何閱讀一本書》的分類，我讀這本書的方法應該是介于檢視閱讀和分析閱讀之間—快速的閱讀瀏覽全文，但不實驗，只在腦子里跑代碼。還是按照《如何閱讀一本書》的說法，我需要這本書只是要獲得資訊，而不是增加理解力—構不成增加理解力的條件。
　　譯者李松峰的功力還是非常深厚的，無論是技術還是翻譯水平。本書翻譯的也是通俗易懂。很早在新浪微博上follow了他，也很早訂閱了他的博客，一直都從他的博文中有所獲益。通過weibo和博文能感覺到這是一位非常認真負責的譯者，相比國內(nèi)很多其他譯者和技術作家，這點讓我非常敬佩。
　　本書并沒有涉及到jQuery源碼的部分，說實話是一點也沒有。就像本書的內(nèi)容提要說的“適合初中級Web開發(fā)人員閱讀和參考”，而且書名也說了是基礎教程。所以我說“適合需要快速上手干活的前端”。
　　剛從github上把1.6.1的release版download下來，接下來有時間的話要邊干活邊讀下，將近9000行代碼。
　　應該是網(wǎng)頁設計師前端互動腳本的入門必讀書籍，只要有一定html基本的都應該很短時間掌握，解決平日工作中的一些常用效果可能看一天就夠了，是一本不錯的教材。
　　
　　書后面的常用方法和選擇器的查詢也很實用，也是本不錯的工具書。不過里面的插件部分，感覺可有可無，畢竟網(wǎng)上直接搜索jQuery插件信息更多更全，還可以直接實例。
　　我看的第二版，那個新聞滾動顯示的代碼里，鼠標懸停那塊。懸停時的pause變量應該為true。
　　
　　其它還有沒有錯沒細看。。。不知有沒有勘誤？
　　
　　不過瑕不掩瑜，看完了這個，基本也入門了
　　我入門jQuery看的一本教程，總體感覺一般般，作為國內(nèi)第一本引進的jQuery教程，不好不好，比較中庸。前半本沒什么技術含量，后半本比較精彩，不過可能是我沒怎么看明白的緣故吧= =。
　　jQuery的基礎內(nèi)容都基本涉及到了，第一次讀感覺有些生澀，有些地方不知所云，不過做了一些實例項目后，多少明白了一些。作者的分析描述還是稍微欠了點，當然，也可以說是我理解能力比較弱，很多地方要慢慢反復學習實踐。
　　總體而言，還是可以入手學習的，不過最好有一定javascript基礎。
　　jQuery讓javascript變得無比簡單，這本書能讓你很快的學會使用jQuery，領略什么叫jQuery: The Write Less, Do More, JavaScript Library，
　　jQuery UI順便學習一下也會大有收獲
　　閱讀中，感覺不錯，
　　翻譯得非常棒，通過譯注顯而易見譯者有比較好得JS功底，基本上都是譯者自己消化過后再獻給讀者的，再贊一個。
　　比起某些自稱大師的譯得狗屁不通的垃圾作品強多l(xiāng)e。
　　
　　書的內(nèi)容呢，是依照JQUERY1.3的內(nèi)容寫得。相對來講較新。
　　寫的也非常容易理解。適合初中級水平得層次
　　
　　
　　
　　jquery熱已經(jīng)來臨，但是現(xiàn)在學習jquery的書太少了，這本書的出現(xiàn)，一定會重演《Ajax實戰(zhàn)》的神話，成為網(wǎng)頁設計的必備書籍?，F(xiàn)在圖靈公司和Ajax中國聯(lián)合在搞寫書評送書活動，參加就有機會：http://event.okajax.com/200812turingbook
　　學校圖書館有收藏，可惜今天下雨。
　　http://blog.linsk.cn/2008/11/jquery.html
　　
　　看上去就像是機器翻譯的，非常不好。例如，將 fades and wipes 翻譯為 “褐色，清空來” 實際應該是淡入淡出和切換，最搞笑的是后面加一個“來”字，不知是什么意思？真是糟蹋了原著。
　　和英文版比起來翻譯一般，缺乏生動性?？赡苁菄鴥?nèi)翻譯英文的技術作品的通病吧，但是jquery還是要好好學的。
　　這本書可以用于快速入門，大大縮短jQuery入門所需要的時間（實際上就算沒有這本書，看現(xiàn)有的資料，1個星期也足夠入門了）。
　　但還是強烈建議購買此書，因為這能讓你能達到看現(xiàn)在有資料好幾個月也未必能達到的水平。
　　至少我現(xiàn)在依然能從上面學到不少東西！
　　
　　最近書到手了，翻閱了一下
　　也知道由于譯者比較忠于原著，所以未能對其中少部分過時的內(nèi)容予以修訂。
　　看到他寫了不少的“譯者注”，但對于1.2的更新是完全沒有涉及。
　　
　　已知的重大變更是：
　　（1），1.2以后中屬性選擇器均不需要@，但依然兼容1.1的選擇器。
　?。?），第一章里提到了XPath選擇符在1.2中因為不常用且影響效率而取消了，如需使用則需要兼容1.1中的XPath插件（http://plugins.jquery.com/project/xpath），同樣第六章和第九章涉及XML解析等也無法使用XPath語法了。關于更多xml解析的問題，可以看http://shawphy.com/2008/01/load-xml-by-ajax-with-jquery-and-parse-it.html
　?。?），第五章，關于clone(false)的描述，在1.2中，已經(jīng)整合了復制綁定事件的插件了，即增加了clone(true)功能用于連同元素綁定的事件一起復制。而取消了clone(false)這個只復制元素而不復制內(nèi)容的方法。讀者需要注意?？梢杂?clone().empty()代替。
　?。?），第七章中部分地方使用了已被廢棄的gt()和lt()方法?？梢允褂胹lice代替，或者用:gt和:lt選擇符代替。具體請參考文檔。
　?。?），第十章，流行插件中，由于Dimensions插件過于流行，已經(jīng)被整合進jQuery，所以你無需再另行導入。而Interface插件也已經(jīng)更新?lián)Q代，又官方重新編寫后改名為jQuery UI。（http://ui.jquery.com）
　　
　　現(xiàn)在，我看完了第1~7章。
　　
　　感想：
　　很入門！
　　
　　要速成的話，覺得不如一些網(wǎng)上的文章來得快。
　　有些代碼不夠務實。就好像學習C語言學了一兩年，你是不可能憑著書本上的知識寫出任何實際開源項目中那種水準的代碼的，甚至看不懂Linux Kernel源代碼。書上總是很基礎，很標準。而現(xiàn)實中，總有一些取舍，一些特殊條件。
　　
　　優(yōu)點：
　　涵蓋了jQuery的大多數(shù)內(nèi)容，對每個內(nèi)容都有個基本的介紹。語言流暢，通俗易懂，排版優(yōu)良，讀著不容易疲勞。
　　
　　補充：2008年10月28日11:15:49
　　===========================
　　
　　這本書非常強調(diào)一個progress enhancement的概念。整本書都是貫徹這個思想。而jQuery讓我感覺就是能實現(xiàn)progress enhancement這個概念的最好工具了。
　　
　　那么什么叫做progress enhancement呢？字面意思上看，就是一個逐步增強的意思。其實，指的是逐步加強一個網(wǎng)頁的可用性。那么，這個"progress"的概念怎么體現(xiàn)呢？簡單說，就是使用jQuery，會變得更強。這有一個前提，就是沒有jQuery，或者jQuery失效的時候，網(wǎng)頁是可用的，用了jQuery只是變得更強，更好用，更漂亮。我想，這與我自己理解的最大程度保證網(wǎng)頁的可訪問性是一種一致的思想。
有圖書館真好
這是一本注重實例的書，看看無妨。
呵呵，評論寫得不錯
恩好好學習一下
謝謝提醒，正在學習...
謝謝提醒@
同感，感覺第二章講的部分不如www.w3shcools.com上面的解釋的清楚。這樣子：$(selcector).action. 這樣理解更快。

jQuery基礎教程

用戶評論 (總計22條)

推薦圖書

相關圖書