jquery on

$( "#target" ).click(function() {
  alert( "Handler for .click() called." );
});

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

$('input').on('input propertychange', ()=>{});

// There are quite a few abstracted versions of the following
$('element').on('event', function() {
	// Do something
});

// Where 'event' is something such as 'click', 'hover' etc

// They are abstracted as seen below
$('element').click(function(){
	// Do something
});
$('element').hover(function(){
	// Do something
});

// etc...

$(document).on("click","#test-element",function() {});

$( "select" )
  .change(function () {
    var str = "";
    $( "select option:selected" ).each(function() {
      str += $( this ).text() + " ";
    });
    $( "div" ).text( str );
  })

$( "#target" ).click(function() {
  alert( "Handler for .click() called." );
});

$(selector).on(event,childSelector,data,function,map)