[jQuery] ready 함수와 이벤트 바인딩(evnet binding) [jQuery ready 함수, window.onload]

---

- ready 함수와 이벤트 바인딩(evnet binding)

 load : 문서 내의 모든 요소의 load가 완료된 시점
ready function : 문서 내의 모든 요소의 ready가 완료된 시점

 

ex) <img src='이미지 경로'> 이때 이미지 크기가 100MB
load : 100MB 다운로드 완료 후에 동작
ready : img 태그를 인식 후에 동작

 

 <script>
    window.onload = function() { // 기본 event binding : 중복 선언 불가
        alert(1);
    }

    $(function() { // ready function
        alert(4);
    })

    window.onload = function() { // 기본 event binding : 중복 선언 불가
        alert(2);
    }

    window.addEventListener("load", function() {
        alert(3);
    })
</script>

 

기본 event는 중복 선언이 불가하여, alert는 2 > 3 > 4 로 실행된다.

---