$(document).ready()와 $(window).load()의 차이점

$(document).ready()

• 외부 리소스, 이미지와 상관없이 브라우저가 DOM 트리 생성 직후 실행
• $(window).load() 보다 빠르게 실행
• 중복 사용 가능
• 선언한 순서대로 호출
• $(function(){}) 과 같은 기능 -> window.load 와 구분하기 위해 $(document).ready() 함수 사용 권장

$(window).load()

• html 로딩이 완료 된 후 실행
• 화면에 필요한 요소들이 웹 브라우저 메모리에 모두 올라간 다음 실행
• body 태그에 onload 이벤트가 선언되어 있으면 중복 사용이 불가능

실행순서

• document.ready > window.load > body onload