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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5366 | 기타 |
nekoieye
|
1년 전 | 1118 | |
| 5365 | PHP | 1년 전 | 773 | ||
| 5364 | JavaScript | 1년 전 | 525 | ||
| 5363 | JavaScript | 1년 전 | 993 | ||
| 5362 | 1년 전 | 1230 | |||
| 5361 | JavaScript | 1년 전 | 1240 | ||
| 5360 |
그누보드이해하기
|
1년 전 | 774 | ||
| 5359 | 1년 전 | 1089 | |||
| 5358 | 1년 전 | 1095 | |||
| 5357 | 1년 전 | 807 | |||
| 5356 | 1년 전 | 367 | |||
| 5355 |
 BupKuuBro |
1년 전 | 585 | ||
| 5354 | 1년 전 | 1062 | |||
| 5353 |
 바트컨트롤 |
1년 전 | 703 | ||
| 5352 |
바트컨트롤 |
1년 전 | 639 | ||
| 5351 | PHP | 1년 전 | 808 | ||
| 5350 | PHP | 1년 전 | 573 | ||
| 5349 | OS | 1년 전 | 646 | ||
| 5348 | 기타 | 1년 전 | 450 | ||
| 5347 | 기타 | 1년 전 | 630 | ||
| 5346 | 기타 | 1년 전 | 505 | ||
| 5345 | 기타 | 1년 전 | 397 | ||
| 5344 | JavaScript |
 까망고양이 |
1년 전 | 429 | |
| 5343 | PHP |
까망고양이 |
1년 전 | 501 | |
| 5342 | jQuery | 1년 전 | 575 | ||
| 5341 | PHP |
 WebProduct |
1년 전 | 878 | |
| 5340 | Mobile |
슈퍼스타맨
|
1년 전 | 559 | |
| 5339 | 기타 |
 piadream |
1년 전 | 559 | |
| 5338 |
멀티트리플
|
2년 전 | 1295 | ||
| 5337 | 기타 |
슈퍼스타맨
|
2년 전 | 1792 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기