• 회원가입
  • 로그인

[Event] JQ - ready() 메서드 - DOM이 완전 로드 시 실행할 함수 지정. (= ready메서드 = 레디 메서드)

목차
  1. ready() 예제 - 문서 로드 완료 후 함수 실행
  2. ready() 정의
  3. ready() 구문

 

ready() 예제 - 문서 로드 완료 후 함수 실행

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("button").click(function(){

    $("p").slideToggle();

  });

});

</script>


<p>홈짱닷컴 Homzzang.com</p>


<button>클릭</button>

 

결과보기

 

ready() 정의

 

DOM (Document Object Model : 문서 객체 모델) 로드 완료 시 실행.

 


 

1.

이 메서드 안에 모든 jQuery 이벤트와 함수 넣어 사용하는 걸 권장.

jQuery 기본 구문 참조.

 

2.

ready 이벤트 발생 시 실행할 내용을 정의함.

 

3.

<body onload = "">와 함께 사용 금지.

 

 

ready() 구문

 

$(document).ready(function)

또는,

$(function)

 

PS. ready() 메서드는 현재 document에서만 사용 가능해, 선택자 불필요.


[매개변수]

 

function

필수. 문서 로드 완료 후 실행할 함수 지정.

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012