jquery的優點有:1、輕量級;2、強大的選擇器;3、出色的DOM操作的封裝;4、可靠的事件處理機制;5、完善的Ajax;6、不污染頂級變數;7、出色的瀏覽器相容性;8、鍊式操作方式;9、行為層與結構層的分離;10、豐富的插件支援;11、完善的文件;12、開源。
本教學操作環境:Windows10系統、jquery3.2.1、Dell G3電腦。
jquery的優點是什麼?
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript程式庫(框架)於2006年1月由John Resig發布。 jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的程式碼,做更多的事情。它封裝JavaScript常用的功能程式碼,提供簡單的JavaScript設計模式,優化HTML文件操作、事件處理、動畫設計和Ajax互動。
jQuery的核心特性可以總結為:具有獨特的鍊式語法和短小清晰的多功能介面;具有高效靈活的CSS選擇器,並且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。 jQuery相容於各種主流瀏覽器,如IE 6.0 、FF 1.5 、Safari 2.0 、Opera 9.0 等。
Jquery的優勢
(1)輕量級。 jQuery非常輕巧,採用Dean Edwards的Packer(http://dean.edwards.name/packer/)壓縮後,只有不到30KB的大小,如果伺服器端啟用gzip壓縮後,甚至只有16KB的大小!
(2)強大的選擇器。 jQuery可以讓操作者使用從CSS 1到CSS 3幾乎所有的選擇器,以及jQuery獨創的高級而複雜的選擇器。如果你需要,還可以加入插件使其支援XPath選擇器!下一章我們將為你詳細講解jQuery中強大的選擇器。
(3)出色的DOM操作的封裝。 jQuery封裝了大量常用DOM操作,讓你編寫DOM操作相關程式的時候能夠得心應手,優雅的完成各種原本非常複雜的操作,讓JavaScript新手也能寫出出色的程式。第三章將為你聚焦在jQuery中優雅的DOM操作。
(4)可靠的事件處理機制。 jQuery的事件處理機制吸收了JavaScript專家Dean Edwards編寫的事件處理函數的精華,使得jQuery處理事件綁定的時候相當的可靠。在預留退路(graceful degradation)方面,jQuery也做的非常不錯。第四章將為你重點介紹jQuery中的事件處理。
(5)完善的Ajax。 jQuery將所有的Ajax操作封裝到一個函數$.ajax裡,使得我們處理Ajax的時候能夠專心處理業務邏輯而無需關心複雜的瀏覽器兼容性和XMLHttpRequest對象的創建和使用的問題。第六章將為你重點介紹jQuery中的Ajax處理。
(6)不污染頂層變數。 jQuery只建立一個名為jQuery的對象,其所有的方法都在這個對象之下。另外的一個別名$也是可以隨時交出控制權的。絕對不會污染其它的對象!
(7)出色的瀏覽器相容性。作為一個流行的JavaScript庫,瀏覽器的兼容性自然是必須具備的條件之一。 jQuery能夠在IE 6.0 、FF 2 、Safari 2.0 和Opera 9.0 下正常運作。同時修復了一些瀏覽器之間的差異。使你不用在開展專案前忙於建立一個瀏覽器相容庫而焦頭爛額。
(8)鍊式操作方式。 jQuery中最有特色的莫過於它的鍊式操作方式-即對發生在同一個jQuery物件上的一組動作,可直接連寫而無需重複取得物件。這一點使jQuery的程式碼無比優雅。請注意,在章節1.3.3中,我們將要討論對應程式碼風格的問題。
(9)行為層與結構層的分離。開發者不需要再去html呼叫事件,而是直接使用jQuery選擇器選取元素,然後直接為元素新增事件。
(10)豐富的外掛程式支援。任何事物的壯大,如果沒有很多人的支持,是永遠發展不起來的。 jQuery的易擴展性,吸引了來自全球的開發者來共同編寫jQuery的擴充插件。目前已經有超過幾百種的官方插件支援。在第七章,我們將介紹目前流行的幾款外掛程式並指導大家動手寫自己的插件。
(11)完善的文件。 jQuery的文檔是非常豐富的,現階段多為英文文檔,而中文文檔較少。當然,許多熱愛jQuery的團隊都在為這個努力,比如圖靈教育翻譯的《Learning jQuery》。
(12)開源。 jQuery是一個開源的產品,任何人都可以自由的使用。
jQuery語言特點
快速取得文件元素
jQuery的選擇機制建構於Css的選擇器,它提供了快速查詢DOM文件中元素的能力,而且大大強化了JavaScript中獲取頁面元素的方式。
提供漂亮的頁面動態效果
jQuery中內建了一系列的動畫效果,可以開發出非常漂亮的網頁,許多網站都使用jQuery的內建的效果,例如淡入淡出、元素移除等動態特效。
建立AJAX無刷新網頁
AJAX是異步的JavaScript和XML的簡稱,可以開發出非常靈敏無刷新的網頁,特別是開發伺服器端網頁時,例如PHP網站,需要往返地與伺服器通信,如果不使用AJAX,每次資料更新不得不重新刷新網頁,而使用AJAX特效後,可以對頁面進行局部刷新,提供動態的效果。
提供JavaScript語言的增強功能
#jQuery提供了基本JavaScript結構的增強,例如元素迭代和陣列處理等操作。
增強的事件處理
jQuery提供了各種頁面事件,它可以避免程式設計師在HTML中加入太多事件處理程式碼,最重要的是,它的事件處理器消除了各種瀏覽器相容性問題。
更改網頁內容
jQuery可以修改網頁中的內容,例如更改網頁的文字、插入或翻轉網頁圖像,jQuery簡化了原本使用JavaScript程式碼需要處理的方式。
推薦學習:《jQuery影片教學》
以上是jquery的優點是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!