[ JQuery ] $(document).ready() 함수

참조 :  http://blog.naver.com/jaejae1988?Redirect=Log&logNo=60157685771

1)
$(window).load()
: 해당 페이지의 모든 외부 리소스 ... 즉 모든 요소가 로드 된 후에 처리됩니다.

 
<script>
$(window).load(function() {
    alert("<?=$txtPa?>");
    $("#txtPa").val("<?=$txtPa?>");
});
</script>

2)
$(document).ready()
:  DOM 객체만 로드 되자마자 처리됩니다. 즉 1) 보다 먼저 일어납니다.


 
JQeury 를 사용한 모든 웹 페이지는 다음과 같은 코드를 갖습니다. 

 
<script>
   $(document).ready(function() {
   });
</script>

 
 
 ready() 함수는 HTML 이 준비가(로딩이) 완료되면 매개 변수로 전달된 함수를 실행하라는 명령어이고 
셀렉터를 $(document) 와 같이 기술하여 웹 페이지 전체(document)를 대상으로 하고 있습니다. 
 따라서 위 코드는 "웹 페이지를 모두 읽어 들이고, 준비가 되었다면 처리하십시오"의 의미를 갖습니다. 
 

 
<script>
   $(function() {
   });
</script>

 
 
이와 같이 표현이 가능합니다. 
이러한 두 매서드는 다음과 비슷한 기능을 수행합니다. 
 

 
<script>
   window.onload = function() {
   }
</script>

 
 
 
이 코드는  자바스크립트에서 이벤트를 발생시킬 때 사용했던 코드입니다.
고전의 이벤트 모델은(자바스크립트) 한 번에 하나의 이벤트만 연결할 수 있었습니다.
반면에 JQuery 의 이벤트 매서드는 표준 이벤트 모델과 마찬가지로 한번에 여러 개의 함수를 연결 할 수 있습니다.
 
::::: 정리 :::::
 
$(document).ready(){ //내용 )};   메서드를 줄여서 $(function() { //내용 });   으로 표기함
문서내 모든 요소 로드가 완료되면 함수를 실행하라(함수와 매서드는 같은 의미입니다.