<button type="button" class="btn" data-id="1">
<button type="button" class="btn" data-id="2">
<button type="button" class="btn" data-id="3">

<script type="text/javascript">
$(function() {
  $('.btn').on('click', function(){
    console.log($(this).data('id'));
  });
});
</script>

入力内容が変更されたらイベント発火。
入力フォームからフォーカスが外れた段階でイベントが発火する。
入力があったらリアルタイムにイベント発火させたい場合は、次で紹介する input イベントを利用する。

<input type="file" class="file" name="file_1" data-num="1">
<input type="file" class="file" name="file_2" data-num="2">
<input type="file" class="file" name="file_3" data-num="3">

<script type="text/javascript">
$(function() {
  $('.file').on('change', function(){
    console.log($(this).data('num'));
    console.log($(this).val());
  });
});
</script>

入力があったらイベント発火。
keyup やコピペでもイベントが発火するため、入力があったらリアルタイムに処理できる。

<input type="text" name="search">
$(function() {
  $(document).on('input', 'input[name=search]', function(){
    console.log($(this).val())
  })
})