Document Ready 이벤트

우리의 예에서 모든 jQuery 메소드가 document ready event 내부에 있음을 아마 발견했을 것 입니다.

이 방법은 document 로딩이 완료 또는 준비 되기 전에, jQuery code 가 실행되는 것을 방지함이 목적입니다

document 가 완전히 로딩 되서 준비가 충분히 될때 까지 기다린 후에 그제서야 jQuery메소드가 실행되는 거이 좋습니다.

이 방법 덕분에 여러분은 head 섹션내부의 body 이 전에 JavaScript를 놓아도 됩니다.
(그렇지 않으면 document 로딩이 완료되기 전에 javascript가 실행되는 참극이 발생할수 있습니다.)
 

다음의  예는 document가 완전히 로드되기전에 메소드가 실행되면 실패할수 있는 action들의 예 입니다.

• 아직 만들어지기 전인 요소를 감추려고 하는 것
• 아직 로디되기 전인 이미지의 크기 값을 얻어내려하는 것

Tip: jQuery 제작팀은 document ready event 에 대한 더 짧은 방법 또한 내 놓았습니다 :

마음에 드는 방법을 사용하세요. document ready event 가 코드의 가독성이 더 좋을것 같습니다.