jQuery 이벤트 - ready() 메서드

jQuery 이벤트 참조 매뉴얼

예제

문서 로드 후 함수를 활성화합니다：

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

직접 시도해 보세요

정의 및 사용법

DOM(문서 객체 모델)가 로드되고, 페이지(그림 포함)가 완전히 표시되면 ready 이벤트가 발생합니다。

이 이벤트는 문서가 준비되면 발생하므로, 다른 jQuery 이벤트와 함수를 이 이벤트 안에 배치하는 것이 좋습니다. 위의 예제와 같이.

ready() 함수는 ready 이벤트가 발생할 때 실행되는 코드를 정의합니다。

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

다음 세 가지 문법을 사용할 수 있습니다：

문법 1

$(document).ready(function)

문법 2

$().ready(function)

문법 3

$(function)
매개변수 설명
function 필수입니다. 문서가 로드된 후 실행되어야 하는 함수를 정의합니다。

ヒント 및 주석

ヒント：ready() 함수는 <body onload="">와 함께 사용되지 않아야 합니다。

jQuery 이벤트 참조 매뉴얼