jquery是基於JavaScript語言實作的。 jQuery是一個快速、簡潔的JavaScript框架;jQuery封裝了JavaScript常用的功能代碼(函數),提供一種簡便的JavaScript設計模式,優化HTML文檔操作、事件處理、動畫設計和Ajax交互,大大簡化了原先用JS做的工作。
本教學操作環境: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中文網其他相關文章!