프로그래밍/Jquery

[jQuery] .on 메서드

코드몬스터 2023. 9. 20. 13:55
728x90
on 을 메서드라고 불러도 되는지 정확히 모르겠지만, 해당 글에서는 메서드라고 표현을 하겠다.

 

멘트가 조금 멋있는 것 같다(?)

 

on 메서드가 당연히 자바스크립트로 생각했지만,

jQuery 에서 사용하는 메서드라는 것을 알고 너무 놀라 정리를 해보았다.

 

Ps. $("#test").on(생략) 이면 당연히 jQuery 인데... (조금 멍청했다..)

 

on 메서드

Description: Attach an event handler function for one or more events to the selected elements.

필수 매개변수: events, handler

선택 매개변수: selector, data

.on( events [, selector ] [, data ], handler )

 

Example

아래 두 코드를 비교했을 때, 확실히 jQuery가 심플해 보인다.

 

jQuery

$(document).on('click', '#my-id', callback);

function callback(){
   ...handler code here
}
$( "#dataTable tbody tr" ).on( "click", function() {
  console.log( $( this ).text() );
});

 

JavaScript

document.addEventListener('click', function(event) {
    if (event.target.id == 'my-id') {
      callback();
    }
});
function callback(){
   ...handler code here
}

 

참고 사이트