利用Google AJAX Libraries API 載入Jquery

之前看到了幾篇評論Google AJAX Libraries API的文章
http://planet.nccucs.org/2008/05/28/266/
http://pctao.org/2008/05/29/235/
http://funp.com/t206281#p=206281

其主要的優點是可以讓使用者不用再重新下載二次函式庫
這樣可以節省流量和增快開啟網頁的速度
所以當要自己試用看看看啦

主要是參考Google code的官方網站:
http://code.google.com/apis/ajaxlibs/
http://code.google.com/apis/ajaxlibs/documentation/index.html#jquery

主要是在head中加入以下幾行

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// Load JQuery
google.load("jquery", "1.2.6");
google.setOnLoadCallback(function() {
…
});
</script>

並且用google.setOnLoadCallback 取代 $(document).ready
這樣就不用把jquery的函式庫存在自家的主機上了