- JQuery風暴:完美用戶體驗
- 張子秋編著
- 1129字
- 2018-12-29 19:14:54
1.1.1 認識jQuery
jQuery是一套輕量級的JavaScript類庫,JavaScript語言是在Web頁面上使用的客戶端腳本語言,使用jQuery可以幫助我們迅速地完成各種腳本功能,并且實現的效果都是跨瀏覽器兼容的。毫不夸張地講,jQuery改變了我們的JavaScript編程方式,正如jQuery的口號所說的“write less, do more !”(事半功倍)。
首先需要注意jQuery是腳本庫而不是腳本框架,jQuery提供的是核心函數,用戶可以在這些核心函數上開發自己的功能。jQuery不會像腳本框架一樣組織所有的腳本文件,所以說jQuery是輕量級的。但是正因為輕巧,所以用起來更得心應手。
另外jQueryUI的發布改變了jQuery插件繁多各自為戰的情況, 可以說jQueryUI是用于用戶交互的綜合jQuery插件,提供了豐富的模板皮膚和各種UI組件,并且侵入性低,對于提升用戶體驗有很大的幫助。
jQuery是由John Resig創建的,已經從2006年的1.0版本發展到2009年的1.3.X版本,下面簡單回顧jQuery的成長歷史:
? jQuery 1.0于2006年8月發布。作為第一個發布版本已經包含了CSS選擇器、事件處理和AJAX接口函數。
? jQuery 1.1于2007年1月發布。對于API做了大量的整理,將不常用的函數進行合并或刪減。
? jQuery 1.1.3于2007年7月發布。大幅度改善了選擇器的性能,性能已經可以和Propetype、MooTools、Dojo等相媲美。
? jQuery 1.2于2007年12月發布。取消了XPath選擇器,因為CSS選擇器已經足夠強大,對函數的易用性和插件開發都有所改進。
? jQueryUI于2007年12月發布。jQueryUI的發布為實現豐富的用戶界面和用戶體驗提供了強有力的基礎,后面的章節中也會重點介紹jQueryUI的使用。
? jQuery1.2.6于2008年5月發布。主要的更新在于性能的提升,并且整合了Dime-nionsPlugin插件。
? jQuery1.3于2009年1月發布。它更新了Sizzle選擇器引擎,提高了很多函數方法的性能,一舉讓jQuery成為最快的腳本類庫,此外還添加了live等事件委托函數。
? jQuery1.4在2010年1月14日,jQuery的四歲生日時發布。該版本顯著提高了最常用的jQuery方法的性能,并且修復了非常多的bug。jQuery開發團隊在開發jQuery 1.4時大幅增加了測試用例。jQuery測試在所有主流瀏覽器(Safari 3.2、Safari 4、Firefox 2、Firefox 3、Firefox 3.5、IE 6、IE 7、IE 8、Opera 10.10以及Chrome)中全部通過。同時1.4版本還完全更換了jQuery的在線文檔手冊。啟用了新的api.jquery.com作為手冊的地址,此手冊對于函數的組織和分類更加系統化。
通過自身不斷的完善和更新,jQuery已經應用得越來越廣泛,到目前為止是使用最廣泛的JavaScript類庫之一,被微軟和諾基亞等各大公司采用。
微軟已經將jQuery作為御用腳本類庫,它的各種JavaScript應用均以jQuery為基礎,比如ASP.NET Ajax. 創建一個ASP.NET MVC項目時將默認引入jQuery類庫。jQuery與Visual Studio的配合更是完美,可以在Visual Studio中啟用對jQuery類庫函數的智能提示,大大提升了開發效率。
諾基亞使用jQuery幫助開發基于手機的Web運行平臺,比如用jQuery開發新版本的手機地圖等。
只要是需要使用JavaScript的地方,jQuery就能發揮重要的作用。在富互聯網時代,作為一名網站開發人員,如不懂jQuery都不好意思和別人打招呼!
1.2 上手jQuery
工欲善其事,必先利其器。在開始jQuery實例前,先要做了解jQuery的各種版本區別、準備好jQuery類庫文件、搭建jQuery的開發環境。