jQuery

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

홈짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

1,514

검색목록 목록 글쓰기

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

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

jQuery 관련글

코딩동강 관련글

HTML 관련글

CSS 관련글

JavaScript 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

코멘트입력

검색목록 목록 글쓰기


분류	제목



Event	JQ - error() 메서드 - JQ 1.8 폐기예고. JQ 3.0 폐기완료. / 에러 이벤트 촉발 + 에…

Event	JQ - event.currentTarget 속성 - 현재 이벤트 요소 반환. (= 이벤트.커런트타겟 속성)

Event	JQ - event.data 속성 - 이벤트 메서드에 전달된 값을 반환. (=이벤트.데이터 속성) ※ 데이터…

Event	JQ - event.delegateTarget 속성 ★ - 현재 호출된 이벤트 핸들러가 부착된 요소 반환. …

Event	JQ - event.isDefaultPrevented() 메서드 - event.preventDefault()…

Event	JQ - event.isImmediatePropagationStopped() 메서드 - event.stopI…

Event	JQ - event.isPropagationStopped() 메서드 - event.stopPropagatio…

Event	JQ - event.namespace 속성 ★★ - 이벤트 네임스페이스 반환.

Event	JQ - event.pageX 속성 - 문서 왼쪽 기준해, 마우스커서 수평 위치 반환. (= 이벤트.페이지엑…

Event	JQ - event.pageY 속성 - 문서 상단 기준해, 마우스커서 수직 위치 반환. (= 이벤트.페이지와…

Event	JQ - event.preventDefault() 메서드 ★★★★★ - 이벤트 발생 시, 요소의 기본동작 …

Event	JQ - event.relatedTarget 속성 - 마우스 이동 시, 막 이탈한 관련 요소 반환. (= …

Event	JQ - event.result 속성 - 이벤트의 미자막 반환값 반환. (= 이벤트.리절트 속성)

Event	JQ - event.stopImmediatePropagation() 메서드 ★★★ - 다른 이벤트 실행 차단…

Event	JQ - event.stopPropagation() 메서드 ★★★ - 이벤트 확산(= 버블링)을 방지. (=…

2/4