jQuery ready() 메서드

jQuery 이벤트

ready() 메서드는 DOM이 완전히 로드되면 실행되는 함수를 지정합니다.

올바른 방법은 문서가 완전히 로드되고 준비되면 그것을 사용하는 것입니다.

문서가 완전히 로드되기 전에 메서드를 실행하면 다음과 같은操作이 실패할 수 있습니다:

• 로드되지 않은 요소를 선택하기 시도

• 로드되지 않은 이미지의 크기를 가져오기 시도

문법:

ready() 메서드는 일반적으로 익명 함수와 함께 사용됩니다:

$("document").ready(function(){
　　//　ready() 호출 처리기
　　});

jQuery는 문서 준비 이벤트를 처리하는 데 더 짧은 메서드를 제공합니다:

$((function(){
　　//　ready() 호출 처리기
　　});

예제

DOM 로드 시 메시지를 표시합니다:

$("document").ready(function(){
　　$("p").text("DOM이 로드되었으며, 이를操作할 수 있습니다.");
});

가장 짧은 문법을 사용하여 DOM 로드 시 메시지를 표시합니다:

$((function(){
　　$("p").text("DOM이 로드되었으며, 이를操作할 수 있습니다.");
});

ready()를 사용하여 문서 로드 후 함수를 사용할 수 있도록 합니다:

$("document").ready(function(){
　　$("button").click(function(){
　　　　$("div").slideToggle();
　　});
});

매개변수 값

jQuery 이벤트