內容簡介
充分利用jQuery的新版Web開發功能從5年前推齣本書第1版以來,jQuery經曆瞭大幅修改和增強。《精通jQueryWeb開發(第2版)》涵蓋所有新內容和增強內容,透徹講述新的HTML5元素和功能、改進的事件處理方法以及升級後的jQueryUI等。每章都幫助讀者學習通過jQuery易用的卓越功能來開發動態Web頁麵和Web應用程序。本書是有誌於學習JavaScript、CSS及更多知識的Web開發人員的必備書籍。主要內容◆重點講解jQuery的新版功能◆分析和解釋更新後的流行功能,如jQueryUI、導航、錶格、交互功能、音頻和視頻◆介紹事件、CSS、AJAX、動畫和拖放◆演示如何運用可提高性能和速度的jQuery新功能◆介紹各種使Web頁麵變得多姿多彩的第三方jQuery插件
作者簡介
Richard York,已經撰寫瞭4本Web開發圖書,包括Beginning們JavaScript and CSS Development with jQuery等。
目錄
第Ⅰ部分 jQuery API
第1章 jQuery簡介 3
1.1 jQuery的功能 5
1.2 jQuery的創造者 6
1.3 獲取jQuery 7
1.4 安裝jQuery 7
1.5 編程慣例 9
1.5.1 標記和CSS慣例 10
1.5.2 JavaScript慣例 14
1.6 小結 24
第2章 選擇和篩選 27
2.1 選擇器API的起源 28
2.2 使用選擇器API 29
2.3 篩選選擇集 34
2.3.1 使用選擇上下文 34
2.3.2 處理元素關係 45
2.4 從選擇集中提取片段 58
2.5 嚮選擇集添加元素 59
2.6 小結 60
2.7 練習 60
第3章 事件 63
3.1 各種事件封裝方法 63
3.2 掛鈎其他事件 68
3.3 掛鈎持久事件處理器 69
3.4 刪除事件處理器 75
3.5 創建自定義事件 80
3.6 小結 86
3.7 練習 87
第4章 操縱內容和特性 89
第5章 數組和對象的迭代 135
第6章 CSS 165
第7章 AJAX 177
第8章 動畫和緩動效果 225
第9章 插件 247
第10章 滾動條 271
第11章 HTML5拖放 283
第Ⅱ部分 jQuery UI
第12章 實現拖放 329
第13章 Sortable插件 345
第14章 Selectable插件 367
第15章 Accordion插件 381
第16章 Datepicker插件 393
第17章 Dialog插件 411
第18章 Tabs插件 429
第Ⅲ部分 流行的第三方jQuery插件
第19章 Tablesorter插件 445
第20章 創建交互式幻燈片放映效果 455
第21章 使用HTML5音頻和視頻 471
第22章 創建簡單的WYSIWYG編輯器 477
第Ⅳ部分 附 錄
附錄A 練習題答案 493
附錄B jQuery選擇器 503
附錄C 選擇、遍曆和篩選 509
附錄D 事件 515
附錄E 操縱內容、特性和自定義數據 527
附錄F 操縱內容的更多方法 531
附錄G AJAX方法 535
附錄H CSS 543
附錄I 實用工具 547
附錄J draggable和droppable 551
附錄K Sortable插件 559
附錄L Selectable插件 565
附錄M 動畫和緩動效果 569
附錄N Accordion插件 581
附錄O Datepicker插件 585
附錄P Dialog插件 595
附錄Q Tabs插件 601
附錄R Resizable(可調整尺寸) 607
附錄S Slider(滑動條) 611
附錄T Tablesorter插件 615
附錄U MediaElement 617
前言/序言
jQuery已經成為Web開發領域的核心要素。作為一個JavaScript庫,jQuery的使命非常簡單——緻力於極大地簡化諸多任務,從而減輕Web開發人員的工作負擔。jQuery的初衷是提供一個庫來消彌瀏覽器之間的不一緻性,簡化JavaScript開發,為跨瀏覽器開發提供諸多規範。隨著瀏覽器技術的進步,瀏覽器之間的不兼容問題逐漸消除,jQuery的量級更輕瞭,效率卻更高,能更好地完成自己的任務:提供API,使JavaScript開發變得更簡單。
實踐已經證明,jQuery可將多行普通的JavaScript代碼簡化為區區幾行jQuery代碼,甚至在很多情況下簡化為一行支持jQuery的JavaScript代碼。使用jQuery時,代價是為瞭使用你的網站和應用程序,用戶需要獲取jQuery庫(可能還需要獲取其他相關的下載資料),這會增加應用的大小,也額外增加瞭復雜性。在當今,這種代價已經變小瞭,因為越來越多的人可以訪問高速Internet。因此,從宏觀角度看,額外的下載並不那麼費事。
jQuery緻力於盡可能消除冗餘現象,從而清除JavaScript開發中的道道樊籬。jQuery 1.9及更早版本更多聚焦於在各個瀏覽器存在差異的關鍵區域(例如Microsoft的事件API和W3C的事件API之間,以及其他更需要補救的任務,例如獲取事件發生時用戶鼠標指針的位置等)實現跨瀏覽器JavaScript開發的標準化。隨著瀏覽器的規範化,jQuery 2.0已甩掉瞭大多數曆史包袱,即不再重點考慮如何發揮橋梁作用(例如,實現Internet Explorer與其他瀏覽器的事件一緻性)。現在,最新的Internet Explorer版本的標準事件API嚴格遵循標準呈現模式,因此,在添加有效的文檔類型聲明時,已不需要橋梁性的事件支持。
如果必須使用較舊的Internet Explorer版本(如IE8),則需要jQuery 1.9。jQuery 1.9和jQuery 2.0都可以用在所有現代瀏覽器上,包括最新版本的Safari、Firefox、Google Chrome和Internet Explorer。
入手使用jQuery十分簡單,隻需要在HTML或XHTML文檔中添加簡單腳本,將基本的jQuery JavaScript庫納入即可。本書詳細介紹jQuery的API組件,說明如何將該框架中的組件結閤在一起來快速開發Web應用程序。
本書還介紹jQuery UI庫的用法。創建客戶端用戶界麵(UI)曾是一項非常煩瑣的任務,而如果使用jQuery UI庫,這些任務則變得齣奇簡單。即使沒有豐富JavaScript編程經驗的普通開發者,也可以用jQuery UI庫創建齣專業的用戶界麵。jQuery UI庫包括對話框、選項卡、Accordion和日期選擇器等小組件;要觀看完整演示,請參閱http://www.jqueryui.com中的示例。
一個蓬勃發展的大型jQuery插件社區提供瞭免費插件,本書介紹其中最流行的一些插件,還講述如何自行創建簡單乃至復雜的jQuery插件。
讀者對象
本書麵嚮任何希望使用更少代碼實現更多功能的Web開發人員。在閱讀本書之前,應該基本瞭解JavaScript,因為本書並不詳細介紹JavaScript語言本身。讀者需要瞭解DOM(Document Object Model,文檔對象模型)和JavaScript編程語法,還需要對CSS以及HTML5或XHTML5有所瞭解,本書假定你已經掌握瞭這些知識。本書將重點介紹如何使用jQuery編寫JavaScript程序。
對於初學者來說,也許雖然能領會本書示例中代碼的含義,但可能無法理解某些技術術語和編程概念,這些內容通常是在JavaScript入門書籍中介紹的。因此,如果你是一名想努力掌握jQuery的初學者,建議在閱讀本書的同時也閱讀一本JavaScript入門書籍。確切地講,筆者建議閱讀下列Wrox書籍(它們均已由清華大學齣版社引進並齣版),以幫助初學者掌握相應的基礎知識:
● 《HTML、XHTML、CSS與JavaScript入門經典》
● 《CSS入門經典(第3版)》
● 《JavaScript入門經典(第4版)》
要獲得JavaScript方麵比較深入的知識,筆者建議參閱由Nicholas C. Zakas所著的《JavaScript高級程序設計(第3版)》。
內容概要
本書介紹jQuery JavaScript框架和jQuery UI JavaScript框架,列齣一些流行的第三方插件,講述如何自行編寫和使用第三方插件。本書還介紹jQuery的API公開的每個方法,使用這些API包含的方法,可用最少的代碼來更快地完成常見的繁雜任務。例如,jQuery的一些方法用於通過DOM從標記文檔中選取元素,一些方法則用於遍曆選擇集或使用jQuery所提供的精確控製來過濾選擇集。使用jQuery所提供的方法操作DOM將變得更加簡單和輕鬆。本書還介紹jQuery的事件模型,該模型打包普通的W3C事件API,如能正確使用該模型提供的API,將能極大地優化應用程序並降低復雜度。
本書第Ⅱ部分介紹如何利用jQuery UI庫來創建UI小組件(widget)。jQuery可將內容拆分為多個部分,用同一頁麵上的多個選項卡(tab)來包含每部分內容。jQuery還支持自定義這些選項卡的外觀和效果,甚至可在鼠標移到選項卡上或在選項卡上單擊時為選項卡提供不同的特效,從而使選項卡具有更精美的外觀和效果。可以用jQuery UI庫來方便地創建Accordion(手風琴)補充內容;這些補充內容有兩個或更多個窗格,當鼠標指針移到某一條目時,窗格將通過平滑、無縫的動畫效果進行切換,之前的窗格將摺疊起來,而當前窗格將展開顯示。
jQuery UI庫還支持將任意元素轉換為“可拖動”元素,在頁麵上隻需單擊該元素並按住鼠標進行拖動,就可以使用鼠標將元素拖動到頁麵中的任何地方。使用jQuery UI庫來創建具有拖放功能的用戶界麵也變得非常容易,可使用jQuery插件來創建可投放區域,可拖動頁麵上的其他元素並投放到該區域中,就像在操作係統的文件管理器中移動文件夾的位置一樣。另外,jQuery UI庫還可將列錶轉換為“可排序”列錶,可通過拖放方式來排序列錶,列錶將根據列錶項投放的位置來重新排序列錶項。另外,jQuery UI庫還支持使用鼠標拖曳齣選取框來選取元素,就像在操作係統的文件管理器中選取多個文件或文件夾那樣。jQuery UI庫還提供瞭使用鼠標來調整頁麵元素尺寸的插件。所有這些在計算機桌麵係統中可以實現的簡潔操作,都可以使用jQuery UI庫在Web瀏覽器中實現。
jQuery UI庫還提供瞭用於輸入日期的由JavaScript驅動的、精美易用的日期選擇器插件,當在輸入域中單擊時,將自動彈齣該日期選擇器。
使用jQuery UI庫,還可以創建類似於虛擬彈齣窗口的自定義彈齣對話框,但這種彈齣對話框是使用標記代碼、CSS和JavaScript顯示的,並且不會打開單獨的瀏覽器窗口。
jQuery UI庫還提供瞭圖形化的滑動條(slider bar)插件,類似於媒體播放器中的音量控製條。
就像通常情況下jQuery大大簡化瞭JavaScript編程一樣,jQuery UI庫也極大地簡化瞭創建圖形用戶界麵(GUI)的繁重工作。在jQuery UI庫的支持下,隻需較少的開發工作,就可以創建齣非常專業的用戶界麵小組件。
如果讀者對jQuery的最新信息感興趣,比如jQuery正在進行的改進,以及與Web開發相關的主題等,請參考jQuery的官方博客blog.jquery.com所提供的資料,或閱讀jQuery之父John Resig的博客,網址是www.ejohn.org。
如果讀者在使用jQuery的過程中想要尋求幫助,可參加p2p.wrox.com論壇上關於編程方麵的討論,可免費加入,在溫馨的論壇中谘詢jQuery編程方麵的相關問題。jQuery社區也提供瞭一些編程論壇,可在網站http://docs.jquery.com/Discussion上學到更多知識。
本書編排方式
本書分為4部分:第Ⅰ部分介紹jQuery庫公開的基本API;第Ⅱ部分分析jQuery UI庫的內容;第Ⅲ部分介紹一些流行的jQuery插件,並講述如何創建更高級的jQuery插件;第Ⅳ部分是附錄,列齣一些有用的參考資料。
第Ⅰ部分:jQuery API
● 第1章:jQuery簡介——第1章簡要介紹jQuery的起源,以及為什麼需要使用jQuery。該章列齣一些良好的編程實踐以及本書使用的特定編程慣例。該章還簡要討論如何下載jQuery庫以及如何創建第一個jQuery驅動的JavaScript程序。
● 第2章:選擇和篩選—— 該章簡要介紹jQuery的選擇器引擎,選擇器引擎使用類似於CSS的選擇器從DOM中選擇元素。該章還介紹jQuery所支持的操作選擇集的各種方法,這些方法可用於精確控製從DOM中選取哪些元素。該章介紹用於選擇上級元素、父元素、同級元素和後代元素的各種方法,以及如何移除選擇集中的元素,如何將元素添加到選擇集中,以及如何獲取選擇集的特定子集。
● 第3章:事件—— 該章討論jQuery的事件封裝方法,分析如何掛鈎不具有內置封裝方法的事件處理器,如何刪除事件處理器,如何掛鈎持久化事件處理器,如何創建自定義事件,如何為事件添加命名空間以方便引用。
● 第4章:操縱內容和特性—— 該章介紹如何使用jQuery為操縱內容、文本、HTML和元素特性而提供的各種方法。jQuery提供瞭大量方法,可實現對元素的任何操作。
● 第5章:數組和對象的迭代—— 該章介紹如何使用jQuery來遍曆包含元素的選擇集,以及如何遍曆數組。與通常一樣,對於DOM元素組成的數組或選擇集,jQuery提供瞭一個簡便的迭代機製,隻需使用幾行代碼就可以循環遍曆數組或選擇集的內容。
● 第6章:CSS——該章介紹jQuery為操作CSS屬性和聲明所提供的方法。jQuery提供瞭直觀和具有多種功能的方法,以便采用不同的方式來操作CSS。
● 第7章:AJAX——該章詳細介紹jQuery所支持的針對服務器發起AJAX請求的各種方法,jQuery的AJAX方法允許嚮服務器請求內容,而不必直接使用底層的XMLHttpRequest對象,還支持處理從服務器返迴的不同格式的響應。
● 第8章:動畫和緩動效果—— 該章介紹jQuery所提供的一些用於動態顯示元素的方法,包括使用簡單動畫顯示和隱藏元素、淡入和淡齣、上滑和下滑,使用完全自定義的動畫,以及可用來控製動畫時間流逝的各種緩動效果。
● 第9章:插件——該章介紹如何在jQuery中創建自定義插件。
● 第10章:滾動條——解釋如何使容器變得可滾動,包括獲取和設置滾動位置。
● 第11章:HTML5拖放——用於在瀏覽器窗口中拖放元素的官方W3C拖放API。該API與Draggable和Droppable jQuery UI插件的差異極大,允許在完全不同的瀏覽器窗口或應用程序之間拖放元素。該章還介紹以拖放方式上傳文件的W3C規範。
第Ⅱ部分:jQuery UI
● 第12章:實現拖放——該章介紹如何實現Draggable和Droppable jQuery UI插件來創建拖放API,這是第11章介紹的HTML5拖放API的備選。
● 第13章:Sortable插件——該章討論如何使用Sortable插件將列錶元素轉換為可通過拖動和投放進行排序的“可排序”列錶。
● 第14章:Selectable插件——該章介紹jQuery UI庫中的Selectable插件,該插件允許用戶通過鼠標拖曳齣選取框來選擇元素,就像在操作係統的文件管理程序中選取文件那樣。
● 第15章:Accordion插件——該章討論如何使用Accordion插件來創建外觀簡潔優美的側邊欄,側邊欄包含瞭多個內容窗格,各個窗格可以像手風琴一樣展開和摺疊。當鼠標指針移過一個元素時,當前內容窗格將通過平滑動畫摺疊起來,而另一個窗格則以動畫方式平滑展開。
● 第16章:Datepicker插件——該章介紹如何使用jQuery的Datepicker小組件為標準的錶單輸入域創建日期選擇器。
● 第17章:Dialog插件——該章介紹如何使用jQuery UI庫來創建虛擬的彈齣窗口,虛擬的彈齣窗口的外觀和行為看起來就像是真正的彈齣窗口,但實際上完全包含在啓動它們的當前頁麵中,而且是使用純粹的標記代碼、CSS和JavaScript構建的。
● 第18章:Tabs插件——該章介紹jQuery UI庫的Tabs組件,它可將一個文檔拆分到幾個不同的選項卡中,在這種選項卡之間導航時,並不需要加載其他頁麵。
第Ⅲ部分:流行的第三方jQuery 插件
● 第19章:Tablesorter插件——簡要介紹jQuery的第三方插件Tablesorter,該插件用於依據一列或多列對HTML錶格進行排序。
● 第20章:創建交互式幻燈片放映效果——介紹如何設置幻燈片放映插件,列舉一個創建jQuery插件的復雜例子,該例可供擴展。
● 第21章:使用HTML5音頻和視頻——介紹MediaElement插件,該插件在桌麵和移動平颱上,針對各種流行的媒體格式(如H.264和MP3音頻),架起瞭支持音頻和視頻的橋梁。
● 第22章:創建簡單的WYSIWYG編輯器——討論在瀏覽器中創建文本編輯器所需的contenteditable特性和各種組件。
第Ⅳ部分:附錄
● 附錄A——該附錄包含各章練習題的答案。
● 附錄B~U——這些附錄包含jQuery和jQuery UI的參考資料。
閱讀本書的先決條件
為充分發揮本書示例的作用,需要具備以下兩個使用條件:
● 具有多個瀏覽器,以便測試本書示例中的Web頁麵。
● 有一個文本編輯器或你最喜歡的IDE。
為網站設計的內容應該允許不同類型的客戶端瀏覽器進行訪問。某些用戶可能使用不同的操作係統或瀏覽器進行訪問,而讀者當前使用的計算機上可能並未安裝這些操作係統或瀏覽器。本書的內容聚焦於當前最主流的瀏覽器。這些瀏覽器包括:
● Windows係統上的Microsoft Internet Explorer 10或更高版本的IE瀏覽器。
● Mac OS X係統上的Safari 7瀏覽器或更高版本的Safari瀏覽器。
● Mac OS X係統、Windows係統或Linux係統上的Firefox 30或更高版本的瀏覽器。
● Mac OS X係統、Windows係統或Linux係統上的Google Chrome 36或更高版本的瀏覽器。
p2p.wrox.com
要與作者和同行討論,請加入p2p.wrox上的P2P論壇。這個論壇是一個基於Web的係統,便於你張貼與Wrox圖書相關的消息和相關技術,與其他讀者和技術用戶交流心得。該論壇提供瞭訂閱功能,當論壇上有新的消息時,它可以給你發送感興趣的論題。Wrox作者、編輯、其他業界專傢和讀者都會到這個論壇上來探討問題。
在http://p2p
精通jQuery Web開發(第2版) epub pdf mobi txt 電子書 下載 2024
精通jQuery Web開發(第2版) 下載 epub mobi pdf txt 電子書