jQuery- $(document).ready(function()

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

= jQuery(document).ready(function () {});

= $(function() {});

= window.onload = function() {});

위의 문장은 모두 같은 기능을 한다.

의미는 [웹 페이지를 모두 읽어 들이고, 준비가 된 후에 처리]이다.

위에서 상위 세 개의 문장은 jQuery, 맨 아래 문장은 고전 javascript 문장이다.

장단점을 보면 jQuery문장은 안에서 여러개의 함수를 실행할 수 있지만, javascript문은 그렇지 않다.

$(document).ready() VS $(window).load()

$(document).ready()

: DOM객체만 로드 되자마자 처리됨.

$(window).load()

: 해당 페이지의 모든 외부 리소스가 로드된 후에 처리됨.

처리 순서 : $(document).ready() > $(window).load()

출처 http://godngu.tistory.com/15