w3schools 한글판 강좌10 -The Document Ready Event
Document Ready 이벤트
우리의 예에서 모든 jQuery 메소드가 document ready event 내부에 있음을 아마 발견했을 것 입니다.
$(document).ready(function(){
// jQuery 메소드가 여기에 주로 존재합니다.
});이 방법은 document 로딩이 완료 또는 준비 되기 전에, jQuery code 가 실행되는 것을 방지함이 목적입니다
document 가 완전히 로딩 되서 준비가 충분히 될때 까지 기다린 후에 그제서야 jQuery메소드가 실행되는 거이 좋습니다.
이 방법 덕분에 여러분은 head 섹션내부의 body 이 전에 JavaScript를 놓아도 됩니다.
(그렇지 않으면 document 로딩이 완료되기 전에 javascript가 실행되는 참극이 발생할수 있습니다.)
다음의 예는 document가 완전히 로드되기전에 메소드가 실행되면 실패할수 있는 action들의 예 입니다.
- 아직 만들어지기 전인 요소를 감추려고 하는 것
- 아직 로디되기 전인 이미지의 크기 값을 얻어내려하는 것
Tip: jQuery 제작팀은 document ready event 에 대한 더 짧은 방법 또한 내 놓았습니다 :
$(function(){
// jQuery 한개 또는 여러개의 메소드들이 여기 위치합니다.
});마음에 드는 방법을 사용하세요. document ready event 가 코드의 가독성이 더 좋을것 같습니다.
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 4496 | PHP | 8년 전 | 1829 | ||
| 4495 | PHP | 8년 전 | 1810 | ||
| 4494 | jQuery |
프로그래머7
|
8년 전 | 2334 | |
| 4493 | jQuery |
프로그래머7
|
8년 전 | 2180 | |
| 4492 | jQuery |
프로그래머7
|
8년 전 | 2280 | |
| 4491 | 기타 | 8년 전 | 16448 | ||
| 4490 | 기타 | 8년 전 | 2152 | ||
| 4489 | PHP | 8년 전 | 2520 | ||
| 4488 | PHP | 8년 전 | 3047 | ||
| 4487 | PHP | 8년 전 | 1963 | ||
| 4486 | PHP | 8년 전 | 1647 | ||
| 4485 | PHP | 8년 전 | 1831 | ||
| 4484 | PHP | 8년 전 | 2050 | ||
| 4483 | PHP | 8년 전 | 2286 | ||
| 4482 | PHP | 8년 전 | 2141 | ||
| 4481 | PHP | 8년 전 | 2698 | ||
| 4480 | PHP | 8년 전 | 2083 | ||
| 4479 | PHP | 8년 전 | 1960 | ||
| 4478 | PHP | 8년 전 | 2352 | ||
| 4477 | PHP | 8년 전 | 2098 | ||
| 4476 | PHP | 8년 전 | 2096 | ||
| 4475 | PHP | 8년 전 | 2038 | ||
| 4474 | PHP | 8년 전 | 2475 | ||
| 4473 | PHP | 8년 전 | 3098 | ||
| 4472 | PHP | 8년 전 | 2625 | ||
| 4471 | jQuery |
프로그래머7
|
8년 전 | 2121 | |
| 4470 | jQuery |
프로그래머7
|
8년 전 | 2412 | |
| 4469 | jQuery |
프로그래머7
|
8년 전 | 2155 | |
| 4468 | jQuery |
프로그래머7
|
8년 전 | 2000 | |
| 4467 | PHP | 8년 전 | 2159 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기