jQuery의 기본구문 차이, window.onload vs $(document).ready()

 

 

jQuery의 기본구문 차이

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

페이지 로딩시 함수 실행

 

 

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

함수 실행을 의미

 

 

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

 jquery를 사용할 때, $ 의 의미를 jquery에서 사용하겠다는 의미가 내포되어있다.

$ 를 jquery만 사용하는 것이 아니라 다른 라이브러리에서도 사용할 수 있기 때문에 함수에서 $ 의미는 jquery 객체로 사용이 됩니다.

 

 

 

window.onload vs $(document).ready()

두 구문 모두 웹페이지(DOM 데이터)의 로딩이 끝나는 시점에 실행되는 함수를 지정합니다.

구분	차이
window.onload = function(){ ...; }	javascript 페이지 안의 이미지나 외부 파일이 로드 될 때까지 기다린 후에 실행되기 때문에 로딩시간이 길어질 수 있습니다.
$(document).ready(function(){ ... });	jQuery 외부 리소스 및 이미지와는 상관없이 DOM데이터만 로드가 완료되면 바로 실행이 되는 함수입니다.