本教程操作環(huán)境:Windows10系統(tǒng)、jquery3.2.1、Dell G3電腦。
jquery的優(yōu)點(diǎn)是什么?
jQuery是一個(gè)快速、簡潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(框架)于2006年1月由John Resig發(fā)布。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計(jì)和Ajax交互。
(相關(guān)資料圖)
jQuery的核心特性可以總結(jié)為:具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口;具有高效靈活的CSS選擇器,并且可對CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
Jquery的優(yōu)勢
(1)輕量級。jQuery非常輕巧,采用Dean Edwards的Packer(http://dean.edwards.name/packer/)壓縮后,只有不到30KB的大小,如果服務(wù)器端啟用gzip壓縮后,甚至只有16KB的大?。?/p>
(2)強(qiáng)大的選擇器。jQuery可以讓操作者使用從CSS 1到CSS 3幾乎所有的選擇器,以及jQuery獨(dú)創(chuàng)的高級而復(fù)雜的選擇器。如果你需要,還可以加入插件使其支持XPath選擇器!下一章我們將為你詳細(xì)講解jQuery中強(qiáng)大的選擇器。
(3)出色的DOM操作的封裝。jQuery封裝了大量常用DOM操作,使你編寫DOM操作相關(guān)程序的時(shí)候能夠得心應(yīng)手,優(yōu)雅的完成各種原本非常復(fù)雜的操作,讓JavaScript新手也能寫出出色的程序。第三章將為你重點(diǎn)介紹jQuery中優(yōu)雅的DOM操作。
(4)可靠的事件處理機(jī)制。jQuery的事件處理機(jī)制吸取了JavaScript專家Dean Edwards編寫的事件處理函數(shù)的精華,使得jQuery處理事件綁定的時(shí)候相當(dāng)?shù)目煽俊T陬A(yù)留退路(graceful degradation)方面,jQuery也做的非常不錯(cuò)。第四章將為你重點(diǎn)介紹jQuery中的事件處理。
(5)完善的Ajax。jQuery將所有的Ajax操作封裝到一個(gè)函數(shù)$.ajax里,使得我們處理Ajax的時(shí)候能夠?qū)P奶幚順I(yè)務(wù)邏輯而無需關(guān)心復(fù)雜的瀏覽器兼容性和XMLHttpRequest對象的創(chuàng)建和使用的問題。第六章將為你重點(diǎn)介紹jQuery中的Ajax處理。
(6)不污染頂級變量。jQuery只建立一個(gè)名為jQuery的對象,其所有的方法都在這個(gè)對象之下。另外的一個(gè)別名$也是可以隨時(shí)交出控制權(quán)的。絕對不會污染其它的對象!
(7)出色的瀏覽器兼容性。作為一個(gè)流行的JavaScript庫,瀏覽器的兼容性自然是必須具備的條件之一。jQuery能夠在IE 6.0+、FF 2+、Safari 2.0+和Opera 9.0+下正常運(yùn)行。同時(shí)修復(fù)了一些瀏覽器之間的差異。使你不用在開展項(xiàng)目前忙于建立一個(gè)瀏覽器兼容庫而焦頭爛額。
(8)鏈?zhǔn)讲僮鞣绞?。jQuery中最有特色的莫過于它的鏈?zhǔn)讲僮鞣绞健磳Πl(fā)生在同一個(gè)jQuery對象上的一組動作,可直接連寫而無需重復(fù)獲取對象。這一點(diǎn)使jQuery的代碼無比優(yōu)雅。請注意,在章節(jié)1.3.3中,我們將要討論相應(yīng)代碼風(fēng)格的問題。
(9)行為層與結(jié)構(gòu)層的分離。開發(fā)者不需要再去html調(diào)用事件,而是直接使用jQuery選擇器選中元素,然后直接給元素添加事件。
(10)豐富的插件支持。任何事物的壯大,如果沒有很多人的支持,是永遠(yuǎn)發(fā)展不起來的。jQuery的易擴(kuò)展性,吸引了來自全球的開發(fā)者來共同編寫jQuery的擴(kuò)展插件。目前已經(jīng)有超過幾百種的官方插件支持。在第七章,我們將介紹目前流行的幾款插件并指導(dǎo)大家動手編寫自己的插件。
(11)完善的文檔。jQuery的文檔是非常豐富的,現(xiàn)階段多為英文文檔,而中文文檔較少。當(dāng)然,很多熱愛jQuery的團(tuán)隊(duì)都在為這個(gè)努力,比如圖靈教育翻譯的《Learning jQuery》。
(12)開源。jQuery是一個(gè)開源的產(chǎn)品,任何人都可以自由的使用。
jQuery語言特點(diǎn)
快速獲取文檔元素
jQuery的選擇機(jī)制構(gòu)建于Css的選擇器,它提供了快速查詢DOM文檔中元素的能力,而且大大強(qiáng)化了JavaScript中獲取頁面元素的方式。
提供漂亮的頁面動態(tài)效果
jQuery中內(nèi)置了一系列的動畫效果,可以開發(fā)出非常漂亮的網(wǎng)頁,許多網(wǎng)站都使用jQuery的內(nèi)置的效果,比如淡入淡出、元素移除等動態(tài)特效。
創(chuàng)建AJAX無刷新網(wǎng)頁
AJAX是異步的JavaScript和XML的簡稱,可以開發(fā)出非常靈敏無刷新的網(wǎng)頁,特別是開發(fā)服務(wù)器端網(wǎng)頁時(shí),比如PHP網(wǎng)站,需要往返地與服務(wù)器通信,如果不使用AJAX,每次數(shù)據(jù)更新不得不重新刷新網(wǎng)頁,而使用AJAX特效后,可以對頁面進(jìn)行局部刷新,提供動態(tài)的效果。
提供對JavaScript語言的增強(qiáng)
jQuery提供了對基本JavaScript結(jié)構(gòu)的增強(qiáng),比如元素迭代和數(shù)組處理等操作。
增強(qiáng)的事件處理
jQuery提供了各種頁面事件,它可以避免程序員在HTML中添加太多事件處理代碼,最重要的是,它的事件處理器消除了各種瀏覽器兼容性問題。
更改網(wǎng)頁內(nèi)容
jQuery可以修改網(wǎng)頁中的內(nèi)容,比如更改網(wǎng)頁的文本、插入或者翻轉(zhuǎn)網(wǎng)頁圖像,jQuery簡化了原本使用JavaScript代碼需要處理的方式。
推薦學(xué)習(xí):《jQuery視頻教程》
以上就是jquery的優(yōu)點(diǎn)是什么的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
關(guān)鍵詞: