[jQuery] 문서 준비 이벤트
문서 준비 이벤트
jQuery(document).ready(function(){ code });
=
jQuery(function(){ code });
=
$(function(){ code });
jQuery에서 문서 준비 이벤트는 웹 브라우저가 HTML의 DOM을 모두 로드할 때를 알려주는 이벤트로, <head> 태그에 jQuery 코드를 삽입할 경우에는 문서 준비 이벤트를 반드시 사용하여야 한다.
<head>에 jQuery 코드를 넣을 때에는 문서 준비 이벤트가 필요하다. 문서 준비 이벤트는 ready이다. HTML을 동적으로 조작하기 위해서는 HTML 문서를 모두 로딩해야만 그 다음에 동작을 가하는 jQuery나 JavaScript 코드가 정상적으로
작동된다. jQuery에는 ready 이벤트와 똑같은 효과를 나타내는 것이 있는데, jQuery() 함수에 매개변수로 직접 함수를 넘겨주면 이 함수는 DOM이 모두 로딩되고 난 후에 실행된다.
※ 문서 준비 이벤트를 사용하지 않은 경우
이 경우에는 <body> 문서의 맨 마지막 </body> 전에 jQuery 코드나 JavaScript 코드를 삽입하면 된다. 왜냐하면 필요한 모든 HTML이 모두 로딩되었고, 그 다음에 동작하는 jQuery 코드가 작동되면서 준비(ready) 이벤트가 필요 없어졌기
때문이다.
따라서 <body> 태그 내부에 <script> 내부에는 문서 준비 이벤트가 필요없다.
출처: https://devbox.tistory.com/entry/jQuery-Animation?category=574557 [장인개발자를 꿈꾸는 :: 기록하는 공간]
'Javascript > jQuery' 카테고리의 다른 글
| [jQuery] jQuery Plugin을 이용한 form validation (0) | 2020.07.08 |
|---|---|
| [jQuery] dataType속성을 이용한 JSON 데이터 가져오기 (0) | 2020.07.08 |
| [jQuery] $.getJSON 이용한 JSON 데이터 가져오기 (0) | 2020.07.08 |
| [jQuery] Ajax 데이터통신 기본 (0) | 2020.07.08 |
| [jQuery] Ajax 설정 (0) | 2020.07.08 |
| [jQuery] Ajax 기초 (0) | 2020.07.08 |
| [jQuery] Chain (0) | 2020.07.08 |
| [jQuery] Animation (0) | 2020.07.08 |