[jQuery] .on() 으로 이벤트 설정하기

.on()은 하나 혹은 하나 이상의 이벤트를 설정가능하다.

ex1

$( "#dataTable tbody tr" ).on( "click", function() {

     console.log( $( this ).text() );

});

ex2

$( "#dataTable tbody" ).on( "click", "tr", function() {

     console.log( $( this ).text() );

});

위의 두 예제는 tr에 클릭이벤트를 주는 방법이다.

물론 저 tr에 #id, .class 등등의 선택자로도 이벤트를 적용하는것도 가능하다.

그리고 하나의 노드에 여러 이벤트 설정 가능

$(".foo").on({
  "change" : function(){...},
  "blur" : function(){...}
});

또한 대리자에서의 여러 이벤트 설정 가능

$("#container") on ( {
  "change" : function(){...},
  "blur" : function(){...}
}, ".foo");