jquery document.ready 與 window.load分別

jQuery(document).ready(function() { … }) 

《  或簡寫為 $(function() { … });  》
當 document 物件下所有 DOM 物件都可以正確取得時，就會觸發 jQuery.ready() 註冊的 function，這時雖然後 <img src="…" /> 定義的圖片正在下載，但由於 <img> 這個 DOM 物件已經都 ready 了，所以 jQuery 並不會等圖片全部下載完畢才執行 ready 事件。

jQuery(window).load(function() { … })

而使用 window 的 load 事件，卻是完全不同的行為，jQuery 裡的 window 的 load 事件與 JavaScript 裡的 window.onload 事件一模一樣，註冊在這裡面的事件都會等到整個視窗裡所有資源都已經全部下載後才會執行，例如該頁面有 100 張圖片就會等 100 圖片都下載完才會執行，其中也包括所有 iframe 子頁面的內容必須完整載入。

截取自
http://blog.miniasp.com/post/2010/07/25/jQuery-ready-vs-load-vs-window-onload-event.aspx

自制jQuery plugin

轉自http://blog.johnsonlu.org/jquery%E8%87%AA%E8%A8%82jquery-plugin/

平常都會使用網路上所釋出的jQuery plugin，像這樣：
<script src="xxx.js"></script>

如果是自己的功能要一直重複使用的話，做成plugin會比較方便，維護容易，使用上彈性也比較高
最精簡的jQuery plugin主要有兩個部份要處理
1.用jQuery.fn註冊plugin名稱
2.定義回傳function的動作