[제이쿼리] - 로딩이벤트

로딩이벤트

사용자가 사이트를 방문할 때 이벤트 메서드가 실행.

ready()이벤트는

방문한 사이트의 요청한 html 문서 객체(document)의 로딩이 끝나면 이벤트를 발생 시킨다.

load()이벤트는

외부에 연동된 소스(img, video)의 로딩이 끝나면 이벤트를 발생시킨다. 

 

[ 기본형 ]

- 단독 이벤트

$(document).ready(function(){...})

$(window).load(function(){...})

- 그룹 이벤트

$(document).on('ready', function(){...})

$(window).on('load', function(){...})

 

document - ready / window - load 이렇게가 세트다. 둘이 바뀌면 안된다.

 

---

   

    $(document).ready(function () {

          let imageTag = $("img").height();

          console.log("ready", imageTag);

        });

        $(window).load(function () {

          let imageTag = $("img").height();

          console.log("load", imageTag);

        });