$(document).ready 함수

jQuery를 사용하는 모든 페이지는 ready()함수로 시작한다.

<script type="text/javascript">
$(document).ready(function() {
...
});
</script>

JS와 jQuery 서 DOM 객체를 사용하기 위해선 반드시 HTML의 모든 문서가 로드되어 준비된 상태(ready)가 되어야만 사용할 수 있다.

js : window.onload 사용 

jQuery : ready() 함수 사용

$(document).ready(function()) 는 문서가 준비되었을 때 ready()함수의 인자인 function() 함수를 호출해 실행하라는 의미.

이렇게 특별한 상황(이벤트)에서 자동으로 호출되는 함수를 '콜백 함수'라고 한다.

하나의 웹 페이지서 window.onload는 한번만 사용가능하지만

ready()함수는 여러번 사용할 수 있다.(정의한 순서대로 실행)

ready() 함수와 같은 기능의 표현식

<script type="text/javascript">
// 1.$ 대신 jQuery 사용
jQuery(document).ready(function() {
    ...
});
 
// 2.(document).ready() 생략한 간략한 형식
$(function() {
    ...
});
 
//    3.외부 함수로 표현
function doSomething() {
    ...
}
$(document).ready(doSomething);
</script>