常見jQuery的三種不同架構 $(function(), (function($), $.fn.myFunctionName

第一種

1
2
3
$(function(){
// Document is ready
});

其作用和 $(document).ready()一樣 ，用意在DOM載入後執行ready()方法。

第二種

1
2
3
(function($) {
// Here “$" is a jQuery reference
})(jQuery)

基本上是()(para)匿名方法(anonymous function)，傳承jQuery的函式庫，jQuery plugins都是用這樣的架構。

第三種

1
2
3
$.fn.myFunctionName = function(){
// script codes
}

自己定義function