jQuery

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

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

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

1,504

검색목록 목록 글쓰기

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 - one() 메서드 - 요소마다 오직 한번만 이벤트 실행. (= one메서드 = 원메서드) ※ 현재값…

Event	JQ - $.proxy() 메서드 - 기존 함수를 가져와 특정 구문을 가진 새 함수로 반환. (= proxy…

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

Event	JQ - resize() 메서드 - 창크기변경이벤트 (= 윈도우창 리사이즈이벤트 = resize메서드 = 리…

Event	JQ - scroll() 메서드 ★★★ - 스크롤 이벤트를 부착/촉발 (jquery, scroll, even…

Event	JQ - select() 메서드 - 입력창의 문자열 드래그 선택. (= select이벤트 = 실렉트/셀렉트 …

Event	JQ - submit() 메서드 ★ - 폼 입력값 전송 이벤트 촉발/실행함수 지정. (= submit메서드 …

Event	JQ - toggle() 메서드 - JQ 1.9 폐기완료. / 여러 클릭 이벤트간 상호전환. (= togg…

Event	JQ - trigger() 메서드 ★ - 지정 이벤트 수동 촉발과 이벤트 기본동작 수행. (= trigger…

Event	JQ - triggerHandler() 메서드 - 지정 이벤트 수동 촉발만 함. (= 트리거핸들러 메서드)

Event	JQ - unbind() 메서드 - JQ 3.0 폐기예고, off() 메서드로 대체. 추가된 이벤트핸들러 제…

Event	JQ - undelegate() 메서드 - JQ 3.0 폐기예고. off() 메서드로 대체. / 이벤트핸들러…

Event	JQ - unload() 메서드 - JQ 3.0 폐기완료. / 페이지 떠날 때 실행. (= 언로드 메서드)

Effect	JQ - clearQueue() 메서드 - 선택요소에서 실행 대기 함수 모두 제거/삭제. (= clearQu…

Effect	JQ - delay() 메서드 - 실행 대기 함수의 실행을 지연. (= delay메서드 = 딜레이메서드)

10/20