- jQuery權威指南(第2版)
- 陶國榮 著
- 1229字
- 2018-12-31 23:37:04
1.1 認識jQuery
jQuery是由美國人John Resig于2006年創建的一個開源項目,隨著被人們的熟知,越來越多的程序高手加入其中,完善和壯大其項目內容;如今已發展成為集JavaScript、CSS、DOM、Ajax于一體的強大框架體系,它的主旨是:以更少的代碼,實現更多的功能(Write less,do more)。
1.1.1 jQuery基本功能
1.訪問和操作DOM元素
使用jQuery庫,可以很方便地獲取和修改頁面中的某元素,無論是刪除、移動、復制某元素,jQuery都提供了一整套方便、快捷的方法,既減少了代碼的編寫,又大大提高了用戶對頁面的體驗度。具體示例我們將在后面的章節中陸續展示。
2.控制頁面樣式
通過引入jQuery,程序開發人員可以很便捷地控制頁面的CSS文件。瀏覽器對頁面文件的兼容性一直以來都是頁面開發者最為頭痛的事,而使用jQuery操作頁面的樣式,卻可以很好地兼容各種瀏覽器。
3.對頁面事件的處理
引入jQuery庫后,使頁面的表現層與功能開發分離,開發者可以更多地專注于程序的邏輯與功效;頁面設計者側重于頁面的優化與用戶體驗,通過事件綁定機制,可以很輕松地實現二者的結合。
4.大量插件在頁面中的運用
在引入jQuery庫后,還可以使用大量的插件來完善頁面的功能和效果,如表單插件、UI插件,這些插件的使用,極大豐富了頁的展示效果,原來使用JavaScript代碼遙不可及的功能,通過插件的引入都可以輕松實現。
5.與Ajax技術的完美結合
Ajax的異步讀取服務器數據的方法,極大方便了程序的開發,加深了用戶的頁面體驗度;而引入jQuery庫后,不僅完善了原有的功能,而且減少了代碼的書寫,利用其內部對象或函數,加上幾行代碼就可以實現復雜的功能。
1.1.2 jQuery 1.8 新增功能與特征
本書的全部案例以jQuery 1.8.2為框架,該版本具有以下幾個重要的新增功能與特征。
1.根據瀏覽器類型自動為CSS屬性添加對應的前綴名稱
在jQuery 1.8及以上版本中,使用jQuery設置一些尚未正式納入W3C標準的樣式屬性時,將會根據瀏覽器的類型,自動在屬性前添加對應的前綴名稱,如設置“marquee-direction”屬性時,如果在Chrome瀏覽器中執行時,則會自動變為“-webkit-marquee-direction”。
2.重構了動畫方法
在jQuery 1.8及以上版本中,通過改進后的$.Animation函數,用戶可以更加容易地添加或修改動畫。在改進功能的同時,還修復了許多動畫的Bug,使動畫效果既具有綜合性,又具有代碼的擴展性。
3.優化了選擇器引擎
在jQuery 1.8及以上版本中,不僅重寫了選擇器引擎,而且還對原有的引擎功能進行了性能優化,修復了一些邊緣問題和Bug,其中包括對多個選擇符“~ > +”功能的改進;同時,還清理了代碼,使jQuery 1.8及以上版本比jQuery 1.7.2的體積少幾百字節。
4.強化XSS防護功能
XSS為Cross Site Scripting縮寫,意為跨站點腳本代碼攻擊,為避免與CSS縮寫重復,故縮寫為XSS。在jQuery 1.8及以上版本中,通過新增加的“$.parseHTML”方法,可以將方法中的字符串解析為DOM元素塊,又可以控制字符串中腳本的執行,防范腳本代碼的攻擊。
5.自定義專屬版本
我們在開發過程中,往往使用的jQuery 功能只有少量部分,還有大部分的功能被閑置,而在jQuery 1.8及以上版本中,用戶可以通過基于grunt的構建系統,移除這些被閑置的模塊,重新自定義一個專屬版本,目前可移除的模塊包括ajax、css、dimensions、effects和offset。
此外,jQuery在頁面中的功能還有很多,我們將在接下來的章節中一一介紹。
- INSTANT Mock Testing with PowerMock
- 零基礎學Visual C++第3版
- Java系統分析與架構設計
- Learning PostgreSQL
- JavaScript+jQuery網頁特效設計任務驅動教程(第2版)
- 華為HMS生態與應用開發實戰
- Apache Spark Graph Processing
- 零基礎學Java(第4版)
- concrete5 Cookbook
- C語言程序設計實驗指導 (第2版)
- C陷阱與缺陷
- Laravel Design Patterns and Best Practices
- Apache Solr for Indexing Data
- C語言編程魔法書:基于C11標準
- JavaScript設計模式與開發實踐