生活随笔
收集整理的這篇文章主要介紹了
JQuery的定义
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
JQuery是繼prototype之后又一個優秀的Javascript庫。它是輕量級的js庫 ,它兼容CSS3,還兼容各種瀏覽器(IE?6.0+,?FF1.5+,?Safari?2.0+,?Opera?9.0+),jQuery2.0及后續版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML(標準通用標記語言下的一個應用)、events、實現動畫效果,并且方便地為網站提供AJAX交互。jQuery還有一個比較大的優勢是,它的文檔說明很全,而且各種應用也說得很詳細,同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內容分離,也就是說,不用再在html里面插入一堆js來調用命令了,只需要定義id即可。 jQuery是一個兼容多瀏覽器的javascript庫,核心理念是write less,do more(寫得更少,做得更多)。jQuery在2006年1月由美國人John Resig在紐約的barcamp發布,吸引了來自世界各地的眾多JavaScript高手加入,由Dave Methvin率領團隊進行開發。如今,jQuery已經成為最流行的javascript庫,在世界前10000個訪問最多的網站中,有超過55%在使用jQuery。 jQuery是免費、開源的,使用MIT許可協議。jQuery的語法設計可以使開發更加便捷,例如操作文檔對象、選擇DOM元素、制作動畫效果、事件處理、使用Ajax以及其他功能。除此以外,jQuery提供API讓開發者編寫插件。其模塊化的使用方式使開發者可以很輕松的開發出功能強大的靜態或動態網頁。 jQuery,顧名思義,也就是JavaScript和查詢(Query),即是輔助JavaScript開發的庫。
動態特效 AJAX 通過插件來擴展 方便的工具 - 例如瀏覽器版本判斷 漸進增強 鏈式調用 多瀏覽器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了對Internet Explorer6,7,8的支持) ? ? ? ? ??使用方法:jQuery可以下載使用,有兩個版本的 jQuery 可供下載 Production version - 用于實際的網站中,已被精簡和壓縮。 Development version - 用于測試和開發(未壓縮,是可讀的代碼) jQuery 1.8.0版時壓縮前后的對比 文件 行數 大小 jquery-1.8.0.min.js 2 91KB jquery-1.8.0.js 9228 254KB
這兩個版本都可以從 jQuery.com官網下載。 也可以從多個公共服務器中選擇引用。把jQuery存儲在CDN公共庫上可加快網站載入速度,CDN公共庫是指將常用的JS庫存放在CDN節點,以方便廣大開發者直接調用。與將JS庫存放在服務器單機上相比,CDN公共庫更加穩定、高速。國外的有Google、Microsoft等多家公司給jQuery提供CDN服務,國內由新浪云計算(SAE) 、百度云(BAE)等提供 下面就介紹幾個相對來說比較穩定的CDN。并且有jquery1.1至2.0所有版本下載分享 Google CDN 1 <script?type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
提示:通過 Google CDN 來獲得最新可用的版本: 如果您觀察上面的 Google URL - 在 URL 中規定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery,也可以從版本字符串的末尾(比如本例 1.8)刪除一個數字,谷歌會返回 1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩第一個數字,那么谷歌會返回 1 系列中最新的可用版本(從 1.1.0 到 1.9.9)。 Microsoft CDN[3] 1 <script?type="text/javascript"src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
提示:使用谷歌或微軟的 jQuery,有一個很大的優勢: 許多用戶在訪問其他站點時,已經從谷歌或微軟加載過 jQuery。所有結果是,當他們訪問您的站點時,會從緩存中加載 jQuery,這樣可以減少加載時間。同時,大多數 CDN 都可以確保當用戶向其請求文件時,會從離用戶最近的服務器上返回響應,這樣也可以提高加載速度。 新浪 CDN[4] 1 <script?type="text/javascript"src="http://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>
百度 CDN?[5] 1 <script?type="text/javascript"src="http://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>
為了保險起見,當無法從CDN服務器上獲取jQuery時,則使用本地jQuery 1 <script?type="text/javascript">window.jQuery||document.write('<scriptsrc="//localhost/jQuery/jquery-2.1.0.min.js"><\/script>');</script>
在Wordpress主題中使用的方法為 1 <script?type="text/javascript">window.jQuery||document.write('<scripttype="text/javascript"src="<?phpechoget_template_directory_uri();?>/jquery.min.js">\x3C/script>')</script>
注意事項 1、Wordpress內置jQuery庫,其末尾防止JS庫沖突而加入的jQuery.noConflict()使得主題中所有jQuery代碼都要做一些小修改,更可能導致一些插件效果失效。wordpress建議下載官方jQuery-Min庫放到當前主題目錄下調用,不要使用wp-includes里面的庫。 2、Google CDN庫的地址采用了協議相對路徑,它可以很好的解決https引起的一些問題,具體可以看Paul Irish的介紹,當然你依舊可以使用帶“http:”的路徑。 3、許多網站都采用Google CDN提供的jQuery庫,使用它可以得到出色的緩存效果。 4、把jQuery代碼統統放到頁面底部可以提高載入速度。 5、使用HTML5重構的頁面可省略掉 type="text/javascript"。 6、推薦使用國內CDN公共庫,速度更快,穩定性更高。
轉載于:https://www.cnblogs.com/0927wyj/p/5081192.html
總結
以上是生活随笔 為你收集整理的JQuery的定义 的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔 網站內容還不錯,歡迎將生活随笔 推薦給好友。