jquery是基於什麼實現的

2022-09-27 18:01:50

jquery是基於JavaScript語言實現的。jQuery是一個快速、簡潔的JavaScript框架;jQuery封裝了JavaScript常用的功能程式碼(函數),提供一種簡便的JavaScript設計模式,優化HTML檔案操作、事件處理、動畫設計和Ajax互動,大大簡化了原先用JS做的工作。

前端(vue)入門到精通課程:進入學習
API 檔案、設計、偵錯、自動化測試一體化共同作業工具:

本教學操作環境:windows7系統、jquery3.6.1版本、Dell G3電腦。

jQuery介紹

jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript程式碼庫(框架)。

jquery是指一種封裝好的JavaScript函數庫,一個輕量級的"寫的少,做的多"的JavaScript庫;jquery是基於JavaScript語言實現的。

jQuery封裝JavaScript常用的功能程式碼,提供一種簡便的JavaScript設計模式,優化HTML檔案操作、事件處理、動畫設計和Ajax互動。

jQuery設計的宗旨是「write Less,Do More」,即倡導寫更少的程式碼,做更多的事情。

jQuery的核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能介面;具有高效靈活的css選擇器,並且可對CSS選擇器進行擴充套件;擁有便捷的外掛擴充套件機制和豐富的外掛。jQuery相容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jquery可以做什麼

jQuery為Web程式設計提供了一個抽象的層,使得它可以相容於任何瀏覽器,並且大大簡化了原先用JavaScript做的工作。

總而言之, jQuery可以完成如下所示的工作:

1、快速獲取檔案元素

jQuery的選擇機制構建於Css的選擇器,它提供了快速查詢DOM檔案中元素的能力,而且大大強化了JavaScript中獲取頁面元素的方式。

2、提供漂亮的頁面動態效果

jQuery中內建了一系列的動畫效果,可以開發出非常漂亮的網頁,許多網站都使用jQuery的內建的效果,比如淡入淡出、元素移除等動態特效。

3、建立AJAX無重新整理網頁

AJAX是非同步的JavaScript和XML的簡稱,可以開發出非常靈敏無重新整理的網頁,特別是開發伺服器端網頁時,比如PHP網站,需要往返地與伺服器通訊,如果不使用AJAX,每次資料更新不得不重新重新整理網頁,而使用AJAX特效後,可以對頁面進行區域性重新整理,提供動態的效果。

4、提供對JavaScript語言的增強

jQuery提供了對基本JavaScript結構的增強,比如元素迭代和陣列處理等操作。

5、增強的事件處理

jQuery提供了各種頁面事件,它可以避免程式設計師在HTML中新增太多事件處理程式碼,最重要的是,它的事件處理器消除了各種瀏覽器相容性問題。

6、更改網頁內容

jQuery可以修改網頁中的內容,比如更改網頁的文字、插入或者翻轉網頁影象,jQuery簡化了原本使用JavaScript程式碼需要處理的方式。

jQuery的13個優點

1、輕量級

JQuery非常輕巧,採用Dean Edwards編寫的Packer壓縮後,大小不到30KB,如果使用Min版並且在伺服器端啟用Gzip壓縮後,大小隻有18KB。

2、強大的選擇器

JQuery允許開發者使用從CSS1到CSS3幾乎所有的選擇器,以及JQuery獨創的高階而且複雜的選擇器,另外還可以加入外掛使其支援XPath選擇器,甚至開發者可以編寫屬於自己的選擇器。由於JQuery支援選擇器這一特性,因此有一定CSS經驗的開發人員可以很容易的切入到JQuery的學習中來。

3、出色的DOM操作的封裝

JQuery封裝了大量常用的DOM操作,使開發者在編寫DOM操作相關程式的時候能夠得心應手。JQuery輕鬆地完成各種原本非常複雜的操作,讓JavaScript新手也能寫出出色的程式。

4、可靠的事件處理機制

JQuery的事件處理機制吸收了JavaScript專家Dean Edwards編寫的事件處理常式的精華,是的JQuery在處理事件繫結的時候相當可靠。在預留退路、循序漸進以及非入侵式程式設計思想方面,JQuery也做得非常不錯。

5、完善的Ajax

JQuery將所有的Ajax操作封裝到一個函數$.ajax()裡,使得開發者處理Ajax的時候能夠專心處理業務邏輯而無需關心複雜的瀏覽器相容性和XMLHttpRequest物件的建立和使用的問題。

6、不汙染頂級變數

JQuery只建立一個名為JQuery的物件,其所有的函數方法都在這個物件之下。其別名$也可以隨時交流控制權,絕對不會汙染其他的物件。該特性是JQuery可以與其他JavaScript庫共存,在專案中放心地參照而不需要考慮到後期的衝突。

7、出色的瀏覽器相容性

作為一個流行的JavaScript庫,瀏覽器的相容性是必須具備的條件之一。JQuery能夠在IE6.0+,FF 2+,Safari2.+和Opera9.0+下正常執行。JQuery同時修復了一些瀏覽器之間的的差異,使開發者不必在開展專案前建立瀏覽器相容庫。

8、鏈式操作方式

JQuery中最有特色的莫過於它的鏈式操作方式——即對發生在同一個JQuery物件上的一組動作,可以直接接連寫無需要重複獲取物件。這一特點使得JQuery的程式碼無比優雅。

9、隱式迭代

當用JQuery找到帶有「.myClass」類的全部元素,然後隱藏他們時。無需迴圈遍歷每一個返回的元素。相反,JQuery裡的方法都被設計成自動操作的物件集合,而不是單獨的物件,這使得大量的迴圈結構變得不再必要,從而大幅度地減少程式碼量。

10、行為層與結構層的分離

開發者可以使用選擇器選中元素,然後直接給元素新增事件。這種將行為層與結構層完全分離的思想,可以使JQuery開發人員和HTML或其他頁面開發人員各司其職,擺脫過去開發衝突或個人單幹的開發模式。同時,後期維護也非常方便,不需要在HTML程式碼中尋找某些函數和重複修改HTML程式碼。

11、豐富的外掛支援

JQuery的易擴充套件性,吸引了來自全球開發者來編寫JQuery的擴充套件外掛。目前已經有超過幾百種官方外掛支援,而且還不斷有新外掛面試。

12、完善的檔案

JQuery的檔案非常豐富,現階段多位英文檔案,中文檔案相對較少。很多熱愛JQuery的團隊都在努力完善JQuery中文檔案,例如JQuery的中文API。

13、開源

JQuery是一個開源的產品,任何人都可以自由地使用並提出修改意見。

【推薦學習:、】

以上就是jquery是基於什麼實現的的詳細內容,更多請關注TW511.COM其它相關文章!