jQuery ready() 메서드

❮ jQuery 이벤트 메소드

예시

문서가 로드된 후 함수를 사용할 수 있도록 하려면 ready()를 사용합니다.

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

정의 및 사용

준비 이벤트는 DOM(문서 객체 모델)이 로드되었을 때 발생합니다.

이 이벤트는 문서가 준비된 후에 발생하기 때문에 다른 모든 jQuery 이벤트 및 함수를 갖는 것이 좋습니다. 위의 예에서처럼.

ready() 메서드는 준비 이벤트가 발생할 때 어떤 일이 발생하는지 지정합니다.

팁: ready() 메서드는 <body onload="">와 함께 사용하면 안 됩니다.


통사론

두 가지 구문을 사용할 수 있습니다. 

$(document).ready(function)

ready() 메서드는 현재 문서에서만 사용할 수 있으므로 선택기가 필요하지 않습니다.

$(function)

Parameter Description
function Required. Specifies the function to run after the document is loaded

❮ jQuery 이벤트 메소드