jQuery介紹

1、什麼是jQuery?

JQuery是繼prototype之後又一個優秀的Javascript庫。


2、常見的jQuery框架

 2.1、什麼是jQuery框架?

jQuery是一套跨瀏覽器的JavaScript函式庫,簡化了HTML和JavaScript之間的操作。
jQuery是開源軟件,使用
MIT許可證授權 jQuery的語法設計使得許多操作變得容易,如操作文檔對象(document)、選擇文檔對象模型(DOM)元素、創建動畫效果、處理事件、以及開發Ajax程序。jQuery也提供了給開發人員在其上創建插件的能力。這使開發人員可以對底層交互與動畫、高級效果和高級主題化的組件進行抽象化。模塊化的方式使jQuery函數庫能夠創建功能強大的動態網頁以及網絡應用程序。



 2.2、常見的jQuery框架

Dojo (JS library and UI component ):
Dojo是目前最爲強大的j s框架,它在自己的Wiki上給自己下了一個定義,dojo是一個用JavaScript編寫的開源的DHTML工具箱。dojo很想做一個“大一統”的 工具箱,不僅僅是瀏覽器層面的,野心還是很大的。Dojo包括ajax, browser, event, widget等跨瀏覽器API,包括了JS本身的語言擴展,以及各個方面的工具類庫,和比較完善的UI組件庫,也被廣泛 應用在很多項目中,他的UI組件的特點是通過給html標籤增加tag的方式進行擴展,而不是通過寫JS來生成,dojo的API模仿Java類庫的組織 方式。 用dojo寫Web OS可謂非常方便。dojo現在已經4.0了,dojo強大的地方在於界面和特效的封裝,可以讓開發者快速構建一些兼容標準的界面。
優點:庫相當完善,發展時間也比較長,功能強大,據說利用dojo的io.bind()()可以實現comet,看見其功能強大非一般,得到IBM和SUN的支持
缺點:文件體積比較大,200多KB,初次下載相當慢,此外,dojo的類庫使用顯得不是那麼易用,j s語法增強方面不如prototype。

Prototype (JS OO library):
是一個非常優雅的JS庫,定義了JS的面向對象擴展,DOM操作API,事件等等,以prototype爲核心,形成了一個外圍的各種各樣 的JS擴展庫,是相當有前途的JS底層框架,值得推薦,感覺也是現實中應用最廣的庫類(RoR集成的AJAX JS庫),之上還有 Scriptaculous 實現一些JS組件功能和效果。
優點:基本底層,易學易用,甚至是其他一些js特效開發包的底層,體積算是最小的了。
缺點:如果說缺點,可能就是功能是他的弱項
Scriptaculous (JS UI component based on prototype):
Scriptaculous是基於prototype.js框架的JS效果。包含了6個js文件,不同的文件對應不同的js效果,所以說,如果底層用 prototype的話,做js效果用Scriptaculous那是再合適不過的了,連大名鼎鼎的digg都在用他,可見不一般
優點:基於prototype是最大的優點,由於使用prototype的廣泛性,無疑對用戶書錦上添花,並且在《ajax in action》中就拿Scriptaculous來講述js效果
缺點:剛剛興起,需要時間的磨練

yui-ext (JS UI component):
基於Yahoo UI的擴展包yui-ext是具有CS風格的Web用戶界面組件 能實現複雜的Layout佈局,界面效果可以和backbase媲美,而且使用純javascript代碼開發。真正的可編輯的表格Edit Grid,支持XML和Json數據類型,直接可以遷入grid。許多組件實現了對數據源的支持,例如動態的佈局,可編輯的表格控件,動態加載的Tree 控件、動態拖拽效果等等。1.0 beta版開始同Jquery合作,推出基於jQuery的Ext 1.0,提供了更多有趣的功能。
優點:結構化,類似於java的結構,清晰明瞭,底層用到了Jquery的一些函數,使整合使用有了選擇,最重要的一點是界面太讓讓人震撼了。
缺點:太過複雜,整個界面的構造過於複雜。

Jquery :
jQuery是一款同prototype一樣優秀js開發庫類,特別是對css和XPath的支持,使我們寫js變得更加方便!如果你不是個js高手又想寫出優 秀的js效果,jQuery可以幫你達到目的!並且簡介的語法和高的效率一直是jQuery追求的目標,
優點:注重簡介和高效,js效果有yui-ext的選擇,因爲yui-ext 重用了很多jQuery的函數
缺點:據說太嫩,歷史不悠久。

3、特點
1.JQuery是一款輕量級的js框架,JQuery核心js文件才幾十kb,不會影響頁面加載速度。與Extjs相比要輕便的多。
2.JQuery的選擇器用起來很方便,好比說我要找到某個dom對象的相鄰元素js可能要寫好幾行代碼,而JQuery一行代碼就搞定了,再比如我要將一個表格的隔行變色,JQuery也是一行代碼搞定。
3.JQuery的鏈式操作可以把多個操作寫在一行代碼裏
4.JQuery還簡化了js操作css的代碼,並且代碼的可讀性也比js要強。
5.JQuery簡化了AJAX操作,後臺只需返回一個JSON格式的字符串就能完成與前臺的通信。
6.JQuery基本兼容了現在主流的瀏覽器,不用再爲瀏覽器的兼容問題而傷透腦筋。
7.JQuery有着豐富的第三方的插件,例如:樹形菜單、日期控件、圖片切換插件、彈出窗口等等基本前臺頁面上的組件都有對應插件,並且用JQuery插件做出來的效果很炫,並且可以根據自己需要去改寫和封裝插件,簡單實用。
8.JQuery可擴展性強,JQuery提供了擴展接口:JQuery.extend(object),可以在JQuery的命名空間上增加新函數。JQuery的所有插件都是基於這個擴展接口開發的。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章