讀古今文學網 > 鋒利的jQuery(第2版) > 第2版前言 >

第2版前言

非常高興地告訴大家:《鋒利的jQuery第2版》出版了。3年前,《鋒利的jQuery》問世,它不僅增加了我學習JavaScript的信心,同時也讓更多愛好JavaScript的朋友加入了Web開發的大家庭。第1版完全是個人愛好的結晶,而第2版更多的是對自己3年來技術的一個總結和昇華。

首先,我要向廣大讀者道歉出版社一直找我出第2版,但我的時間確實安排不開,第2版的交稿時間被一推再推,心中也不禁時生愧意。

第2版不僅在內容方面進行了更新,而且還在上一版的基礎上做了大量的修訂和擴展。涵蓋了如下幾個方面。

 例子全部改用最新的jQuery庫。

 例子使用了全新的UI,並且代碼更符合語義化。

 修訂了上一版已發現的所有印刷錯誤。

 增加了jQuery Mobile的章節。

 增加了jQuery版本變化的章節。

 增加了jQuery性能優化和技巧的章節。

相比之下,第2版的內容又擴充了不少,其中最讓我高興的就是,第2版中新增加的三個章節的內容。

本書結構

第一版:jQuery介紹→選擇器→DOM操作→事件和動畫→Ajax應用→插件→完整DEMO。

第二版添加:jQuery Mobile→jQuery各個版本變化→jQuery性能優化和技巧。

本書循序漸進地對jQuery的各種方法和使用技巧進行介紹,讀者可以系統地掌握jQuery中關於DOM操作、事件監聽和動畫效果、表單操作、Ajax以及插件方面的知識點,並結合每個章節後面的案例演示進行練習,達到掌握各章節知識點,更好地進行開發實踐的目的。

本書共分為11章。

第1章首先介紹了JavaScript以及各種JavaScript庫的作用和異同;接下來介紹了jQuery以及jQuery的優勢;之後介紹了如何配置jQuery環境,編寫簡單的jQuery代碼和優化jQuery代碼的風格;最後對jQuery對像和DOM對象的相互轉換,jQuery和其他庫的衝突這兩個常見問題進行了詳細描述。此外,本章還介紹了幾款jQuery的開發工具和插件。

本章是全書的基礎。

第2章的重點是選擇器。首先介紹了jQuery選擇器以及選擇器的優勢;然後分門別類地對基本選擇器、層次選擇器、過濾選擇器、表單選擇器以及使用每種選擇器的注意事項進行了詳細的介紹;最後通過案例研究來鞏固本章知識點。

本章是學習jQuery的核心基礎。

第3章的重點是DOM操作。首先介紹DOM操作的分類,然後通過實例詳細地介紹jQuery中的DOM操作以及利用jQuery簡化DOM操作的方法,最後通過案例研究來鞏固讀者對DOM操作知識點的掌握。

第4章分為2個部分:第1部分介紹jQuery中的事件;第2部分介紹jQuery中的動畫。在第1部分中,詳細介紹了jQuery中的事件方法,例如事件綁定、合成事件、事件冒泡、事件對象的屬性、移除事件、模擬事件等。在第2部分中,詳細介紹了jQuery中的動畫方法,例如普通動畫、漸顯動畫、自定義動畫等。在講解動畫的過程中,還介紹了製作動畫過程中一些常見問題。最後通過案例研究來加強讀者對事件和動畫的理解。

第5章是實例演練。首先針對Web中常見的表單操作進行了講解,包括單行文本框應用、多行文本框應用、復選框應用、下拉框應用和表單驗證;然後針對常見的表格操作進行了講解,包括表格變色、表格展開關閉和表格內容篩選;最後對常見的網頁操作,包括網頁字體大小、網頁選項卡和網頁換膚等應用進行了講解。相信讀者在本章可以找到很多與項目相關的示例和說明。

本章是對前面4章知識的一個鞏固。

第6章的重點是Ajax應用。首先介紹了Ajax技術的優勢和不足,以及Ajax的核心對像XMLHttpRequest;然後介紹jQuery中的Ajax解決方案,例如load、$.get、$.post、$.ajax等;這些方法和DOM操作的結合將大大簡化Ajax的開發;接下來介紹了Ajax中的序列化元素和全局事件;最後通過將Ajax聊天程序作為案例進行研究以鞏固讀者對Ajax操作的掌握。

第7章的重點是插件。jQuery有著非常豐富而強大的插件。在這一章裡,首先是對幾個常見而實用的插件進行詳細講解,例如表單驗證插件(Validation Plugin)、表單插件(Form Plugin)、遮罩窗口插件(SimpleModal Plugin)、Cookie插件和UI插件;然後詳細介紹了如何編寫jQuery插件和使用插件應注意的事項。

本章是學習jQuery的插件應用和編寫的基礎。

第8章將前7章講解的知識點和效果進行整合,打造出一個非常有個性的網站,並從案例研究、網站材料、網站結構、網站樣式和網站腳本等多方面指導讀者參與項目建設,而不僅僅是簡單地編寫代碼。

第9章講解jQuery Mobile的使用。jQuery Mobile是jQuery在移動設備應用上的一個新項目。它基於jQuery框架並使用了HTML 5和CSS 3這些新的技術,除了能提供很多基礎的移動頁面元素開發功能外,框架自身還提供了很多可供擴展的API,以便於開發人員在移動應用上使用。在這一章裡,首先對HTML 5這個新技術進行介紹,然後對jQuery Mobile進行介紹,一步步告訴大家如何使用jQuery Mobile。

第10章講解jQuery各個版本的變化。在這裡我應該感謝很多讀者,正是因為你們的強烈要求,所以此部分才出現在本書第2版中。本章對每個版本jQuery功能的變化進行了詳解,讓大家對jQuery每個版本的變化瞭如指掌,相信讀者對這章會非常期待並且喜歡。

第11章講解了jQuery的性能優化和技巧。現在越來越多的網站開始使用jQuery來構建以往需要靠Flash來實現的超酷動態效果。jQuery作為一個JavaScript類庫,很多人並不是很清楚如何正確使用jQuery來達到最佳的性能。本章要告訴大家在書寫代碼時,應該需要注意的性能問題。同時本章也列舉了很多jQuery技巧,相信這些對大家在書寫高性能的Web應用中會有所幫助。

本書的附錄部分也是跟jQuery相關的一些重要知識點,共有7篇。

第1篇介紹了jQuery中的$(document).ready方法。

第2篇介紹了前端開發調試工具——Firebug。

第3篇介紹了Ajax的核心對像——XMLHttpRequest。

第4篇介紹了jQuery中的$.ajax方法。

第5篇介紹了jQuery加載並解析XML。

第6篇是第7章的插件的API。

第7篇是jQuery API速查表。

讀者對像

本書適合所有對jQuery技術感興趣的Web設計者和前端開發人員閱讀學習。

閱讀此書需要有一定的HTML、CSS和JavaScript基礎知識。

本書約定

1.本書代碼以灰色為背景,如下所示:

2.凡本書中有需要讀者注意的知識點或其他內容時,將給出以下提示:

注意:在本書的所有章節中,如果沒有特別說明,jQuery庫都是默認導入的。

3.本書所有例子都是基於jQuery1.7.1版而製作。

4.如果沒有特別說明,jQuery1.7.1程序庫都是默認導入的。

5.如果沒有特別說明,程序中的$符號都是jQuery的一個簡寫形式。

6.如果沒有特別說明,代碼默認都是在document.ready裡執行。

7.如果獲取的是jQuery對象,那麼我們在變量前面加上$,如:

如果獲取的是DOM對象,則這麼定義:

本書中的例子均會以這種形式呈現,以方便讀者閱讀。

8.如果沒有特別說明,所有網頁的頭部都必須有標準的DOCTYPE聲明。

讀者反饋&示例下載

十分歡迎來自讀者的寶貴的建議。這些建議可以是您感興趣的內容,或者是沒有介紹詳細而又十分需要的知識。來自讀者第一手的建議,是本書繼續改進的最好動力。

本書中的示例代碼可以在http://cssrain.sinaapp.com下載。

疑難解答&本書勘誤

雖然我們已經盡力校核所有內容的準確性,但不可避免地還會出現一些錯誤,包括文字和代碼錯誤。誠懇地希望細心的讀者能向我們提交這些錯誤,我們將十分感謝並及時發佈最新的勘誤結果,這也有助於本書後續版本的改進。提交郵箱為:[email protected],勘誤內容將在http://cssrain.sinaapp.com上發佈。

總而言之,第2版新增的內容都十分精彩,對讀者絕對有用。為了盡量多展示一些內容,我們省略了一些可能不太重要的代碼,如果按照書籍內容寫出的代碼不能執行,請到我們提供的地址下載源文件。

最後,還是希望本書能給大家帶來收穫。

每多學一點知識,就能少寫一點代碼。

編 者

2012.4