JQuery のfunction($) $(function() は見ただけでは、良く分かりません。
個人的に、しばらく悩まされましたので、調べた結果を共有します。
１、実行タイミング
２、定義内容の使用スコープ
上記の２点をまとめました。
■(function($)｛｝）(jQuery) は、
"$" をjquery として使用することを保証する形。
読み込み時に実行されます。定義内容のスコープは、定義内部だけ。
一般的に、
$.fn.method=function()
の形で、新なmethodが定義され、このメソッドはjQueryメソッドとして使えます。
例えば、$(セレクター2).method()
■$(function() は、
HTMLのロードが終了したとき、実行されます。
定義内容のスコープは、定義内部だけ。
■参考情報
jQueryを使う場合には、必ず、初めに、
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
を読み込みます。
この時点で、jQueryオブジェクトを使えるようになります。
次に、jQueryオブジェクトに新たに、プラグインを加えていきます。
その時に、読み込みと同時に行われる関数が必要となります。
そこで、
(function($){
Var a,b,c・・・
・・・・・・
$.fn.method=function(){
・・・・・・
}
})(jQuery)
を実行し、メソッドを新たに定義します。
HTMLのロードが終了したとき、
$(function(){
$(セレクター).click(function(){
$(セレクター2).method();
}
})
という形で、アクションを定義できます。
また、宣言された変数a,b,cはグローバル関数ではなく、(function($){ 関数外部からアクセスすることはできません。
