jQuery에서 .ready() 메서드는 DOM 엘리멘트가 자바스크립트에서 사용가능한 상태인지 확인하고 작동이 가능한 안전한 상태일때 동작을 하게 하는 메서드 입니다.
일반적인 경우 자바스크립으에서 DOM을 모두 로딩하기 전에 이벤트 핸들러 함수를 연결하거나 DOM을 조작하면 에러가 발생하는데요 따라서 DOM을 조작하더라도 에러가 발생하지 않는 상태 이후에 DOM 에 접근해야 합니다.^^
또한 .ready() 메서드는 <body onload=””> 속성과는 호환되지 않는에요, 이미지나 window 같은 특별한 엘리멘트에 load 이벤트를 사용할 때는 .ready() 메서드나 jQuery 의 .ready() 메서드를 사용하지 않습니다.
.ready() 메서드는 주로 익명 함수와 함께 사용하는데요 아래는 간단 한 예제 입니다.
$(document).ready(function() {
$.print(‘삽질좀 그만하자ㅜ.ㅜ’);
});
위 예제를 적용하게 되면 페이지 로딩이 끝나면 “삽질좀 그만하자 ㅜ.ㅜ ” 가 화면에 출력 됩니다.
