'이벤트'로 타이밍을 설정하자

HTML을 읽어 들이는 타이밍에 실행되는 ready()
"브라우저가 웹 페이지를 읽어 들이는 것을 끝났다."


$(function(){
 HTML을 읽어 들이고 실행하는 처리
});

위의 코드는 다음의 코드를 생략
$(document).ready(function(){
HTML을 읽어 들이고 실행하는 처리
});

ready()는 "HTML 로딩 완료"라는 이벤트를 감지하는 명령
→ "웹페이지를 모두 읽어 들이고, 준비가 되었다면 처리하시"라는 명령문

$(셀렉터).이벤트(function(){
          $(셀렉터). 명령
});

다른 이벤트 처리에도 ready()는 필수 항목
<script>
$(function(){
$("button").click(function(){
            Button 태그가 클릭되었을 때 실행하는 처리
});
});
</script>

브라우저는 script 태그의 위치에 관계없이 button 태그를 발견할 수 잇고, 처리는 페이지 로딩이 완료된 후에 실행된다.
jQuery를 사용하는 경우에는 항상 $(function(){....}) 의 안에 스크립트를 기술한다는 것.