使用 Google CDN Host 的 Javascript Library 且升級到 jQuery 1.3.1

雖然這個已經不算是什麼新聞了,我相信很多人都已經在使用 Google CDN Host 的 Ajax Library。
使用 Google CDN Host 的好處很多,Google APIs 提供的 GZip 過的 Min 版,只有 18k,對用戶來說下載量更小,對一些不支持 Gzip 的把 jQuery Library 放在本地服務器的用戶來說無意是個福音,況且 Google 這樣的公司我想不是那麼容易當機的,穩定性是可以有保障的,透過他的 CDN(Content Delivery Network), 讓全球抓取此 Library 的速度都跟抓當地網站檔案一樣快。(更多好處可見 shawphy)

目前 Google Host 的 AJAX Library 有: jQuery, jQuery UI, Prototype, script.aculo.us, MooTools, Dojo, SWFObject, YUI

使用方法

我只是用了 jQuery,所以我就拿 jQuery 的調用來說,其他可自行查看 Google 站點。

官方主頁: AJAX Libraries API – Google Code
各種 AJAX Library 的路徑整理及說明: Developer’s Guide – AJAX Libraries API – Google Code

靜態載入(本站使用):

1
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>

動態載入

1
2
3
4
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language="javascript">
google.load("jquery", "1.3.1");
</script>

本站使用了 jQuery 的 Javascript Library 後,順便也把使用的之前的 1.2.6 版的升級到了最新的 1.3.1。這裡提醒大家一下,如果之前有使用 jQuery 版的 Lightbox 的童鞋們要註意了,因為 1.3 版之後的 jQuery 已經取消了屬性選擇器的 @ 前導符號,而之前的 Lightbox 的調用代碼

$('a[@rel*=lightbox]').lightBox();

裡面含有 @ 符號,那麼請好不猶豫地刪除之 “@”,否則您的 jQuery 代碼將無法正常運作。(更多升級後的不同點可見 shawphy)

最後,祝大家使用 Google CDN Host 的 Javascript Library 愉快,且升級 jQuery 1.3.1 愉快~

  • yinheli

    我是sf
    升級後應該沒有兼容性的問題吧.我好久沒有研究了.現在博客都沒有用jQuery

  • yinheli

    暈死…我網址寫錯了.本來不想寫的 leeiio給去掉吧..哈哈 :mrgreen:

  • 貌似效率高了很多,呵呵!!就是怕不兼容,所以沒升!!等下去看下!

  • @yinheli 我的jQuery全是拿的自己的blog做的試驗品,呵呵~

  • 點擊@yinheli的預覽效果是怎麼做成的啊?
    jquery?

  • @xiaorsz 基本大部分的都是不變的,只是小部分改變了呵呵,比如我文中提到的 @ 。
    @Dianso 對,是jQuery實現的。

  • yinheli

    呵呵…有修改了預覽的效果噢….. 應該多學習自己寫動畫效果的.效果更加豐富.

  • @yinheli jQuery 1.3.1的一些默認動作相比1.2.6有些不同了的,恩,得學學自定義動畫了~

  • 有空了試試 🙂

  • 總感覺託管到 Google 比放根目錄好~

  • @NetPuter Google這老小子比較牛逼~你又用回IE了。。還好我的博客現在在IE下顯示應該也還OK了吧~

  • @Leeiio
    什麼叫做用回,上次用FF是迫不得已的啦,偶爾用下啦~

  • 苦於我Js 一點都不懂。。。 🙁