1.
$(document).ready(function(){
...
});
-> window.onload = function() {}과 같은 기능
$(document).ready(function(){
document를 파라미터로 넘기면,
태그등이 셋팅이 완료되었을때의 시점에 이벤트를 발생하게 되구요.
});
$(window).load(function(){
window를 파라미터로 넘기면,
모든 리소스, 즉 이미지, 플래시 등등 문서에 포함되어있는 모든 리소스가 로딩이 완료되는 시점에 이벤트를 발생시키게 됩니다.
});
3.x 이상은
$(window).on('load', function (e) {
});
2.
$(function(){
..
});
그냥 함수를 실행하라는 의미 입니다.
3.
(function($){
})(jQuery);
이경우는 Jquery를 사용할 때, $ 달러의 의미를 jquery에서 사용하겠다는 의미가 내포되어 있습니다.
즉, $를 jquery만 사용하는 것이 아니라 다른 라이브러리에서도 사용할 수 있기 때문이에요.
만약 prototype.js 랑 jquery를 같이 사용하는 경우에는 $가 충돌이 발생하는 것입니다.
그래서 아예 함수로 $를 매개변수로 해서 넘기는 것입니다.
jQuery 이것이 jquery 객체이지요.
저 함수안에서 $의 의미는 jquery 객체로 사용이 되는 것이에요.
prototype.js 와 jquery로 프로그래밍을 함께 병행하실 때는.
(function($){
..
..
이 안에서만 jquery를 자유롭게 사용하게 됩니다.
...
})(jQuery);