JQuery優缺點分析說明

2024-09-06 12:45:48

字體：大中小

來源：轉載

供稿：網友

1、jQuery實現腳本與頁面的分離

在HTML代碼中，我們還經常看到類似這樣的代碼：

<form id="myform" onsubmit=return validate();" > 即使validate()函數可以被放置在一個外部文件中，實際上我們依然是把頁面與邏輯和事件混雜在一起。jQuery讓你可以將這兩部分分離。借助于jQuery，頁面代碼將如下所示：

<form id="myform"> 接下來，一個單獨的JS文件將包含以下事件提交代碼：

代碼如下:
$("myform").submit(function() {
...your code here
)}
這樣我們可以實現靈活性非常強的清晰頁面代碼。jQuery讓JavaScript代碼從HTML頁面代碼中分離出來，就像數年前CSS讓樣式代碼與頁面代碼分離開一樣。

2、最少的代碼做最多的事情

最少的代碼做最多的事情，這是jQuery的口號，而且名副其實。使用它的高級selector，開發者只需編寫幾行代碼就能實現令人驚奇的效果。開發者無需過于擔憂瀏覽器差異，它除了還完全支持Ajax，而且擁有許多提高開發者編程效率的其它抽象概念。jQuery把JavaScript帶到了一個更高的層次。以下是一個非常簡單的示例：

代碼如下:
$("p.neat").addClass("ohmy").show("slow");

通過以上簡短的代碼，開發者可以遍歷“neat”類中所有的<p>元素，然后向其增加“ohmy”類，同時以動畫效果緩緩顯示每一個段落。開發者無需檢查客戶端瀏覽器類型，無需編寫循環代碼，無需編寫復雜的動畫函數，僅僅通過一行代碼就能實現上述效果。

3、性能

在大型JavaScript框架中，jQuery對性能的理解最好。盡管不同版本擁有眾多新功能，其最精簡版本只有18KB大小，這個數字已經很難再減少。jQuery的每一個版本都有重大性能提高。本篇文章講的是jQuery未經過任何優化的原始速度。如果將其與新一代具有更快JavaScript引擎的瀏覽器(如火狐3和谷歌Chrome)配合使用，開發者在創建富體驗Web應用時將擁有全新速度優勢。

4、它是一個“標準”

之所以使用引號，是以為jQuery并非一個官方標準。但是業內對jQuery的支持已經非常廣泛。谷歌不但自己使用它，還提供給用戶使用。另外戴爾、新聞聚合網站Digg、WordPress、Mozilla和許多其它廠商也在使用它。微軟甚至將它整合到Visual Studio中。如此多的重量級廠商支持該框架，用戶大可以對其未來放心，大膽的對其投入時間。

5、插件

基于jQuery開發的插件目前已經有大約數千個。開發者可使用插件來進行表單確認、圖表種類、字段提示、動畫、進度條等任務。jQuery社區已經成長為一個生態系統。這一點進一步證明了上一條理由，它是一個安全的選擇。而且，jQuery正在主動與“競爭對手”合作，例如Prototype。它們似乎在推進JavaScript的整體發展，而不僅僅是在圖謀一己之私。

上一篇：js鼠標左右鍵鍵盤值小結

下一篇：文本框中,回車鍵觸發事件的js代碼[多瀏覽器兼容]