JQuery&Javascript

[JQuery] - $(document).ready() 는 무엇인가?

Riucc 2019. 5. 3. 09:30

○ $(document).ready() 는 무엇인가? 

 

- $(document).ready() 는 무엇인가?

     자바스크립트의 onload 기능을 한다

     onload : 문서의 모든 콘텐츠(images, script, css, etc)가 로드된 후 발생하는 이벤트이다

     ( html의 코드 실행 흐름은 위 -> 아래 -> onload )

     중복으로 사용해도 순서대로 모두 실행된다

  

- 아래 두개의 표현은 같은 표현이다

     $(document).ready(function( ) {

     });


     $(function( ) {

     });


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
 
<body>
    <input type="button" id="btn" value="버튼" class="btn btn-success" />
    <input type="button" id="btn2" value="버튼" class="btn btn-danger" />
 
    <script type="text/javascript">
        $(document).ready(function () {
            $('#btn').click(function () {
                alert("버튼1 클릭됨");
            });
        });
    </script>
 
    <script type="text/javascript">
        $(function () {
            $('#btn2').click(function () {
                alert("버튼2 클릭됨");
            });
        });
    </script>
</body>
cs


저작자표시