jQuery .ready()

Jmnote bot (토론 | 기여)님의 2020년 11월 2일 (월) 00:41 판 (봇: 자동으로 텍스트 교체 (-<source +<syntaxhighlight ))

1 개요

jQuery ready
jQuery onload

2 기본형

<syntaxhighlight lang='html5'> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <script> $(document).ready(function() {

 alert("로딩 완료");

}); </script> </source>

3 축약형 ★

<syntaxhighlight lang='html5'> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <script> $(function() {

 alert("로딩 완료");

}); </script> </source>

4 여러 개 테스트

  • 아래와 같이 여러 개를 써도 정상 작동하지만 굳이 이렇게 할 필요는 없다…. 비추

<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> </source>

5 같이 보기

6 참고

  1. 정확히는 DOM