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

* $(document).ready 는 DOM (Document Object Model) 객체만

로드(이미지 로드 전) 되자마자 처리합니다.

문법

$(document).ready(function() {

     // DOM 이 모두 로드된 후 실행할 코드를 입력하세요.

});

위와 같이 사용하며, 아래와 같이 축약 문법으로도 사용이 가능합니다.

$(function() {

     // DOM 이 모두 로드된 후 실행할 코드를 입력하세요.

});

* $(window).load 는 해당 페이지의 모든 외부 리소스, 이미지 등이 

로드 된 후에 처리합니다.

문법

$(window).load(function() {

// 모든 외부 리소스, 이미지 등이 로드된 후 실행할 코드를 입력하세요.

});