(function($){ }(window.jQuery);

첫번째의 경우 

 

$(document).ready(function(){
 ...

});

-> window.onload = function() {}과 같은 기능

 

두번째의 경우

 

$(function(){
  ..

});
 

그냥 함수를 실행하라는 의미 입니다.

 

세번째의 경우

 

(function($){

})(jQuery);

 

이경우는 Jquery를 사용할 때, $ 달러의 의미를 jquery에서 사용하겠다는 의미가 내포되어 있습니다.

즉, $를 jquery만 사용하는 것이 아니라 다른 라이브러리에서도 사용할 수 있기 때문이에요.

만약 prototype.js 랑 jquery를 같이 사용하는 경우에는  $가 충돌이 발생하는 것입니다.

 

그래서 아예..

함수로 $를 매개변수로 해서 넘기는 것입니다.

jQuery 이것이 jquery 객체이지요.

저 함수안에서 $의 의미는 jquery 객체로 사용이 되는 것이에요..

 

prototype.js 와 jquery로 프로그래밍을 함께 병행하실 때는..

(function($){

...

..

..

   이 안에서만 jquery를 자유롭게 사용하게 됩니다.

...
})(jQuery);