JQuery優(yōu)缺點(diǎn)分析說明
2024-09-06 12:45:48
供稿：網(wǎng)友
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ā)展，而不僅僅是在圖謀一己之私。
