[JQuery] 정적 이벤트 / 동적 이벤트

JQuery 정적 이벤트

- 원래 있는 버튼에 이벤트 부여하기

 

- HTML

    <div>

        <button id="printButton">클릭</button>

    </div>

 

- Javascript

    <script>

        $("#printButton").on("click", function(){

            console.log("정적 : printButton 이 클릭되었습니다.");

        })

    </script>

 

 

JQuery 동적 이벤트

- 나중에 html() 함수로 추가된 버튼에 이벤트 부여하기

 

- HTML

    <div id="buttonBox">

        

    </div>

 

- Javascript

    <script>

        $(document).on("click", "#printButton", function(){

            console.log("정적 : printButton 이 클릭되었습니다.");

        })

 

        $("#buttonBox").html('<button id="printButton">클릭</button>');

    </script>