jQuery 선언 의미

in js •  6 years ago  (edited)


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);
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!