Jquery의 $(document).ready() 함수는 기존 JavaScript의 window.onload 메서드와 유사하지만 여전히 window.onload 메서드와는 다릅니다.
1. 실행시간
window.onload는 실행되기 전에 이미지를 포함한 페이지의 모든 요소가 로드될 때까지 기다려야 합니다.
$(document).ready()는 DOM 구조가 그려진 후 로드될 때까지 기다리지 않고 실행됩니다.
2. 글의 개수가 다릅니다
여러 개의 window.onload 메소드를 동시에 작성할 수 없습니다. window.onload 메소드가 여러 개 있으면 하나만 실행됩니다.
$(document).ready()는 동시에 여러 번 작성될 수 있으며 모두 실행될 수 있습니다
3. 단순화된 글쓰기
window.onload에는 단순화된 작성 방법이 없습니다
$(document).ready(function(){})는 $(function(){});
이전 개발에서는 주로 JavaScript를 사용했고 항상 jquery 모드를 사용했습니다. 즉, 대부분의 경우 첫 번째 줄은 다음과 같습니다.
현재 일부 메서드를 실행하기 전에 모든 js와 이미지가 로드될 때까지 기다릴 필요는 없지만 때로는 모든 js와 이미지가 로드될 때까지 기다려야 할 때도 있습니다.
모든 요소가 로드되면 일부 메소드가 실행될 수 있습니다. 예를 들어, 일부 사진이나 다른 측면이 아직 로드되지 않은 상태에서 일부 버튼을 클릭하면
사용해야 할 사항:
});
요약 및 비교: