어떤 함수 또는 코드가 호출 또는 실행되는 시점을 스케쥴링할 수 있게 해준다. 그 시점은 바로 문서객체 모델이라고 하는 DOM(Document Object Model)이 모두 로딩되었을 때인데 이렇게 $(document).ready() 안에 위치한 코드를 DOM이 모두 준비된 이후에 실행되게끔 해준다.
window.onload() 와의 차이
- window.onload(): 페이지를 구성하는 모든 리소스(HTML뿐만 아니라 이미지까지) 불러온 시점에 호출
- $(document).ready(): 리소스가 아닌 DOM 객체가 생성되어 준비되는 시점에 호출
(페이지를 구성하고 있는 모든 이미지가 브라우저상에 렌더링될 때까지 기다릴 필요 X)
주의할 점
$(document).ready() 구문은 이 구문 안에 있는 코드가 실행되기 전에 페이지를 구성하는 DOM 객체를 먼저 로딩한다는 것을 보장해주는 역할을 한다. 따라서 DOM 객체를 다루는 코드를 사용한다면 반드시 이 구문안에 위치시켜야 제대로 작동하는 것을 확인할 수 있다.
