(새 문서: {{소문자}} ;jQuery ready ;jQuery onload ==소스코드== <source lang='html5'> <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script> $(document).ready(functi...) |
Jmnote bot (토론 | 기여) 잔글 (봇: 자동으로 텍스트 교체 (-source +syntaxhighlight)) |
||
(사용자 2명의 중간 판 34개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
{{소문자}} | {{소문자}} | ||
==개요== | |||
;jQuery ready | ;jQuery ready | ||
;jQuery onload | ;jQuery onload | ||
*[[자바스크립트]]의 onload 이벤트를 받는 부분 | |||
*HTML 문서<ref>정확히는 [[DOM]]</ref>를 모두 로딩하면 실행됨 | |||
== | ==기본형== | ||
< | <syntaxhighlight lang='html5'> | ||
<script src=" | <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> | ||
<script> | <script> | ||
$(document).ready(function() { alert("로딩 완료"); }); | $(document).ready(function() { | ||
alert("로딩 완료"); | |||
}); | |||
</script> | </script> | ||
</ | </syntaxhighlight> | ||
*예제: http://zetawiki.com/ex/jquery/ready2.php | |||
==축약형 ★== | |||
<syntaxhighlight lang='html5'> | |||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script> | |||
<script> | |||
$(function() { | |||
alert("로딩 완료"); | |||
}); | |||
</script> | |||
</syntaxhighlight> | |||
*예제: http://zetawiki.com/ex/jquery/ready1.php | |||
==여러 개 테스트== | |||
*아래와 같이 여러 개를 써도 정상 작동하지만 굳이 이렇게 할 필요는 없다…. 비추 | |||
<syntaxhighlight lang='html5'> | |||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script> | |||
<script> | |||
$(document).ready(function() { alert("첫번째 ready"); }); | |||
$(document).ready(function() { alert("두번째 ready"); }); | |||
$(document).ready(function() { alert("세번째 ready"); }); | |||
</script> | |||
</syntaxhighlight> | |||
*예제: http://zetawiki.com/ex/jquery/ready3.php | |||
==같이 보기== | ==같이 보기== | ||
*[[자바스크립트 onload]] | * [[자바스크립트 onload]] | ||
* [[jQuery input type으로 선택]] | |||
* [[jQuery 시작하기]] | |||
* [[jQuery .one()]] | |||
* [[Vue.js mounted]] | |||
* [[DOM]] | |||
==참고== | |||
*http://api.jquery.com/ready/ | |||
*http://jinolog.com/index.php/2011/03/21/window-onload%EB%A5%BC-%EB%8C%80%EC%B2%B4%ED%95%98%EB%8A%94-jquery%EC%9D%98-ready-%ED%95%A8%EC%88%98/ | |||
[[분류: jQuery]] | [[분류: jQuery]] |
2020년 11월 2일 (월) 00:55 기준 최신판
1 개요[ | ]
- jQuery ready
- jQuery onload
2 기본형[ | ]
html
Copy
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function() {
alert("로딩 완료");
});
</script>
3 축약형 ★[ | ]
html
Copy
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(function() {
alert("로딩 완료");
});
</script>
4 여러 개 테스트[ | ]
- 아래와 같이 여러 개를 써도 정상 작동하지만 굳이 이렇게 할 필요는 없다…. 비추
html
Copy
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function() { alert("첫번째 ready"); });
$(document).ready(function() { alert("두번째 ready"); });
$(document).ready(function() { alert("세번째 ready"); });
</script>
5 같이 보기[ | ]
6 참고[ | ]
편집자 Jmnote bot Jmnote
로그인하시면 댓글을 쓸 수 있습니다.