jquery 이벤트관련 함수

jquery 이벤트관련 함수

jQuery에서는 마우스가 클릭될 때(onclick)나 폼의 입력값이 변경될 때(onchange), 또는 윈도우의 크기가 달라질 때

(onresize)에 사용자가 특정 작업을 할 수 있도록 이벤트들을 제공한다.

    • bind(eventType, [eventData], function(eventObject)) / version added : 1.0

        - bind 메소드를 이용하여 이벤트를 추가할 수 있다.

       예)

       $(document).ready(function(){

             $('#test_id').bind('click', function(){

                   $('body').addClass('test_class');

             });

       });

        - test_id 라는 id를 가지고 있는 요소를 마우스 클릭 시 body에 test_class라는 CSS class를 추가합니다.

    • bind(events) / version added : 1.4

        - bind를 이용하여 이벤트를 여러개 추가할 수 있다.

       예)

       $(document).ready(function() {

             $("#test_id).bind({

                   click : function() {

                        alert("클릭");

                   },

                   mouseover : function() {

                        alert("마우스오버");

                   }

             });

       });