首頁  >  文章  >  web前端  >  jquery是基於什麼實現的

jquery是基於什麼實現的

青灯夜游
青灯夜游原創
2022-09-27 16:33:021728瀏覽

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

jquery是基於什麼實現的

本教學操作環境: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影片教學web前端影片

以上是jquery是基於什麼實現的的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn