你應(yīng)該學(xué)習(xí)jQuery的七大理由
最近2、3年以來，我們目睹了JavaScript的卷土重來。由于缺乏跨瀏覽器兼容性，以及慢如蝸牛的運(yùn)行時(shí)性能和可憐的調(diào)試功能，JavaScript腳本語言一直備受指責(zé)。
但是隨著眾多框架和特效代碼庫(kù)的推出，JavaScript的復(fù)興已經(jīng)有目共睹。甚至瀏覽器廠商也加入其中，紛紛推出能夠大幅提高JavaScript代碼執(zhí)行速度的新引擎。JavaScript 2.0似乎將成為下一代Web應(yīng)用的助推劑。
51CTO推薦專題：入門到精通 jQuery開發(fā)手冊(cè)
很長(zhǎng)時(shí)間以來我多少有些忽視這種趨勢(shì)。對(duì)于多數(shù)開發(fā)者來說，值得學(xué)習(xí)的新東西已經(jīng)很多，JavaScript往往并非***選擇。但是，借助于目前已經(jīng)存在的眾多不同框架，諸如MooTools、Dojo、Prototype和jQuery等，學(xué)習(xí)JavaScript已經(jīng)非常容易。以下我將列舉七條理由來證明，為什么你應(yīng)該學(xué)習(xí)一個(gè)JavaScript框架，而且jQuery將是您的***。
51CTO相關(guān)文章推薦：了解jQuery技巧來提高你的代碼質(zhì)量
1、jQuery實(shí)現(xiàn)腳本與頁面的分離
在HTML代碼中，我們還經(jīng)常看到類似這樣的代碼：
- <form id="myform" onsubmit=return validate();" >
即使validate()函數(shù)可以被放置在一個(gè)外部文件中，實(shí)際上我們依然是把頁面與邏輯和事件混雜在一起。jQuery讓你可以將這兩部分分離。借助于jQuery，頁面代碼將如下所示：
- <form id="myform">
接下來，一個(gè)單獨(dú)的JS文件將包含以下事件提交代碼：
- $("myform").submit(function() {
- ...your code here
- )}
這樣我們可以實(shí)現(xiàn)靈活性非常強(qiáng)的清晰頁面代碼。jQuery讓JavaScript代碼從HTML頁面代碼中分離出來，就像數(shù)年前CSS讓樣式代碼與頁面代碼分離開一樣。
2、最少的代碼做最多的事情
最少的代碼做最多的事情，這是jQuery的口號(hào)，而且名副其實(shí)。使用它的高級(jí)selector，開發(fā)者只需編寫幾行代碼就能實(shí)現(xiàn)令人驚奇的效果。開發(fā)者無需過于擔(dān)憂瀏覽器差異，它除了還完全支持Ajax，而且擁有許多提高開發(fā)者編程效率的其它抽象概念。jQuery把JavaScript帶到了一個(gè)更高的層次。以下是一個(gè)非常簡(jiǎn)單的示例：
- $("p.neat").addClass("ohmy").show("slow");
通過以上簡(jiǎn)短的代碼，開發(fā)者可以遍歷“neat”類中所有的<p>元素，然后向其增加“ohmy”類，同時(shí)以動(dòng)畫效果緩緩顯示每一個(gè)段落。開發(fā)者無需檢查客戶端瀏覽器類型，無需編寫循環(huán)代碼，無需編寫復(fù)雜的動(dòng)畫函數(shù)，僅僅通過一行代碼就能實(shí)現(xiàn)上述效果。
3、性能
在大型JavaScript框架中，jQuery對(duì)性能的理解***。盡管不同版本擁有眾多新功能，其最精簡(jiǎn)版本只有18KB大小，這個(gè)數(shù)字已經(jīng)很難再減少。jQuery的每一個(gè)版本都有重大性能提高。本篇文章講的是jQuery未經(jīng)過任何優(yōu)化的原始速度。如果將其與新一代具有更快JavaScript引擎的瀏覽器(如火狐3和谷歌Chrome)配合使用，開發(fā)者在創(chuàng)建富體驗(yàn)Web應(yīng)用時(shí)將擁有全新速度優(yōu)勢(shì)。
4、它是一個(gè)“標(biāo)準(zhǔn)”
之所以使用引號(hào)，是以為jQuery并非一個(gè)官方標(biāo)準(zhǔn)。但是業(yè)內(nèi)對(duì)jQuery的支持已經(jīng)非常廣泛。谷歌不但自己使用它，還提供給用戶使用。另外戴爾、新聞聚合網(wǎng)站Digg、WordPress、Mozilla和許多其它廠商也在使用它。微軟甚至將它整合到Visual Studio中。如此多的重量級(jí)廠商支持該框架，用戶大可以對(duì)其未來放心，大膽的對(duì)其投入時(shí)間。
5、插件
基于jQuery開發(fā)的插件目前已經(jīng)有大約數(shù)千個(gè)。開發(fā)者可使用插件來進(jìn)行表單確認(rèn)、圖表種類、字段提示、動(dòng)畫、進(jìn)度條等任務(wù)。jQuery社區(qū)已經(jīng)成長(zhǎng)為一個(gè)生態(tài)系統(tǒng)。這一點(diǎn)進(jìn)一步證明了上一條理由，它是一個(gè)安全的選擇。而且，jQuery正在主動(dòng)與“競(jìng)爭(zhēng)對(duì)手”合作，例如Prototype。它們似乎在推進(jìn)JavaScript的整體發(fā)展，而不僅僅是在圖謀一己之私。
6、節(jié)省開發(fā)者學(xué)習(xí)時(shí)間
當(dāng)然要想真正學(xué)習(xí)jQuery，開發(fā)者還是需要投入一點(diǎn)時(shí)間，尤其是如果你要編寫大量代碼或自主插件的話，更是如此。但是，開發(fā)者可以采取“各個(gè)擊破”的方式，而且jQuery提供了大量示例代碼，入門是一件非常容易的事情。我建議開發(fā)者在自己編寫某類代碼前，首先看一下是否有類似插件，然后看一下實(shí)際的插件代碼，了解一下其工作原理。簡(jiǎn)而言之，學(xué)習(xí)jQuery不需要開發(fā)者投入太多，就能夠迅速開始開發(fā)工作，然后逐漸提高技巧。
7、讓JavaScript編程變得有趣
我發(fā)現(xiàn)使用jQuery是一件充滿樂趣的事情。它簡(jiǎn)潔而強(qiáng)大，開發(fā)者能夠迅速得到自己想要的結(jié)果。它解決了許多JavaScript問題和難題。我過去曾討厭JavaScript編程，但現(xiàn)在卻非常喜歡它。通過一些基礎(chǔ)性的改進(jìn)，開發(fā)者可以真正去思考開發(fā)下一代Web應(yīng)用，不再因?yàn)檎Z言或工具的差勁而煩惱。我相信它的“最少的代碼做最多的事情”口號(hào)。
#p#
jQuery的不足之處
當(dāng)然，jQuery并非***無缺。截止到目前我所發(fā)現(xiàn)的jQuery不足之處包括：
◆不能向后兼容。每一個(gè)新版本不能兼容早期的版本。舉例來說，有些新版本不再支持某些selector，新版jQuery卻沒有保留對(duì)它們的支持，而只是簡(jiǎn)單的將其移除。這可能會(huì)影響到開發(fā)者已經(jīng)編寫好的代碼或插件。
◆插件兼容性。與上一點(diǎn)類似，當(dāng)新版jQuery推出后，如果開發(fā)者想升級(jí)的話，要看插件作者是否支持。通常情況下，在***版jQuery版本下，現(xiàn)有插件可能無法正常使用。開發(fā)者使用的插件越多，這種情況發(fā)生的幾率也越高。我有一次為了升級(jí)到j(luò)Query 1.3，不得不自己動(dòng)手修改了一個(gè)第三方插件。
◆在同一頁面上使用多個(gè)插件時(shí)，很容易碰到?jīng)_突現(xiàn)象，尤其是這些插件依賴相同事件或selector時(shí)最為明顯。這雖然不是jQuery自身的問題，但卻又確實(shí)是一個(gè)難于調(diào)試和解決的問題。
◆jQuery的穩(wěn)定性。它沒有讓我的瀏覽器崩潰，我這兒指的是其版本發(fā)布策略。jQuery 1.3版發(fā)布后僅過數(shù)天，就發(fā)布了一個(gè)漏洞修正版1.3.1。他們還移除了對(duì)某些功能的支持，可能會(huì)影響許多代碼的正常運(yùn)行。我希望類似修改不要再出現(xiàn)。
◆在大型框架中，jQuery核心代碼庫(kù)對(duì)動(dòng)畫和特效的支持相對(duì)較差。但是實(shí)際上這不是一個(gè)問題。目前在這方面有一個(gè)單獨(dú)的jQuery UI項(xiàng)目和眾多插件來彌補(bǔ)此點(diǎn)。
如果你還在猶豫是否要學(xué)習(xí)一個(gè)JavaScript框架，并困惑于選擇哪一個(gè)框架，那么我推薦你選擇jQuery。這并非說其它框架不好，只是jQuery可能是最穩(wěn)妥和***回報(bào)性的選擇。
【編輯推薦】
