使用 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 一点都不懂。。。 🙁