[JS/jQuery]$(document).ready(function(){});이란?

jQuery를 사용한 모든 웹페이지는 다음 코드로 시작합니다.

<script>
$(document).ready(function(){

});
</script>

$(document).ready()는 문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미입니다.

jQuery 이벤트 메서드 중 하나입니다. 이 메서드는 비슷한 기능을 수행합니다.

<script>
window.onload = function(){

};
</script>

고전 이벤트 모델은 한 번에 하나의 이벤트만 연결할 수 있습니다. 반면에 jQuery의 이벤트 메서드는 표준 이벤트 모델이나

인터넷 익스플로러 이벤트 모델과 마찬가지로 이벤트로 여러개의 함수를 연결할 수 있습니다.

 

아래의 예제는 실행하게되면 문서가 준비되는 순간 경고창 세 개가 연달아 표시됩니다.

<script>
$(document).ready(function(){
	alert("First READY");
});

$(document).ready(function(){
	alert("Second READY");
});

$(document).ready(function(){
	alert("Third READY");
});
</script>

$(document).ready() 메서드는 굉장히 많이 사용되므로 jQuery에서는 간단하게 사용할 수 있는 형태를 제공합니다.

<script>
$(function(){

});
</script>