JQuery

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

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

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

1,208

검색목록 목록 글쓰기

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

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

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

JQuery 관련글

코딩동강 관련글

HTML 관련글

CSS 관련글

JavaScript 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

코멘트입력

검색목록 목록 글쓰기


분류	제목



Selector	JQ - :checkbox 선택자 - type="checkbox"인 input 요소 선택 (= 체크박스선택자…

Selector	JQ - :submit 선택자 - type="submit"인 input, button 요소 선택. (= 서브…

Selector	JQ - :reset 선택자 - type="reset"인 input, button 요소 선택. (= 리셋 선…

Selector	JQ - :button 선택자 - type="button"인 input, button 요소 선택. (= 버튼…

Selector	JQ - :image 선택자 - type="image"인 input 요소 선택. (= 이미지 선택자)

Selector	JQ - :file 선택자 - type="file"인 input 요소 선택. (= 파일 선택자)

Selector	JQ - :enabled 선택자 - 활성화 된 요소 선택. (= 인에이블드 선택자)

Selector	JQ - :disabled 선택자 - 비활성화 된 요소 선택. (= 디서에이블드 선택자)

Selector	JQ - :selected 선택자 - selected="selected"인 요소 선택. (= 실렉티드 선택자…

Selector	JQ - :checked 선택자 - $(":checked") - checked="checked"인 모든 체크…

Event	JQ - bind() 메서드 - JQ 3.0 폐기예고. / 요소에 이벤트 부착. (= bind메서드 = 바인…

Event	JQ - change() 메서드 ★★★ - 입력값 변동/변화 시 이벤트 발생. (= change메서드 = …

Event	JQ - delegate() 메서드 - JQ 3.0 폐기예고. / 하위요소(자식요소)에 이벤트핸들러 부착. …

Event	JQ - die() 메서드 - JQ 1.7 폐기예고, JQ 1.9 폐기완료. / 이벤트 제거. (= die메…

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

7/20