[jQuery] .ready() 와 .onload() 의 차이

 

$(document).ready(function(){
	alert('reday');
});


$(window).onload(function(){
	alert('onload');
});

 

둘의 차이점을 이해하려면 먼저 렌더링을 이해해야 한다.

 

https://imswengineer.tistory.com/109

렌더링이란?

 

 

🔶 $(document).ready

      ➡️ DOM 트리가 생성 완료되면 실행

 

🔶 $(window).onolad

      ➡️ 모든 페이지 페인팅 완료 후에 실행

 

그래서 순서가 .ready() 가 더 먼저실행된다.