[jQuery] $(document).ready()

 

jQuery 를 사용한 웹 페이지 코드를 보면

항상 등장하는것이 해당 코드

$(document).ready()이다.

 

1. 용도

Web Document 객체가 모두 준비되었는지를 체크하고 리턴해주는 메소드이다.

오로지 페이지를 열 때 단 한번만 실행되며 

이 메소드가 true를 반환할 때 DOM은 Javascript code 실행이 준비된다.

 

 

 

2. 비교  

$(window).on("load", function(){}) : 모든 페이지 (image, iframes)가 로드될 때 까지 기다린다.

DOM은 당연히 준비된 상태이고 + BOM 까지 준비된 상태인지 확인하여 리턴

 

 

3. 예시

document ready!