목차
- ready() 예제 - 문서 로드 완료 후 함수 실행
- ready() 정의
- 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
필수. 문서 로드 완료 후 실행할 함수 지정.