Mostrarei exemplos apenas do evento click para ficar mais simples de explicar, porem esta dúvida e referente a qualquer evento jquery.
Quando eu comecei a utilizar o jquery eu só utilizava o evento click da seguinte forma:
$("button").click(function(){
alert('ok');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Confirmar</button>
Que por sinal funcionava muito bem, mas depois eu comecei a fazer da seguinte forma:
$("#area").html($("<button/>").text('Outro botão'));
//Primeira forma
$("button").click(function(){
alert('ok 1');
});
//Segunda forma
$("button").on('click', function(){
alert('ok 2');
});
//Terceira forma
$('#area').on('click', 'button', function (event) {
event.preventDefault();
alert('ok 3');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Confirmar</button>
<div id="area"></div>
Coloquei mais dois exemplos, a "segunda forma" eu comecei a utilizar porque eu reparei que as vezes quando eu criava um elemento dinamicamente com o jquery a "primeira forma" de utilizar o evento click não funcionava, utilizei esta forma por um bom tempo, até que um dia ela também não funcionou então descobrir a "terceira forma" e assim eu consigo colocar o evento click em qualquer elemento sem problemas.
Mas a minha "técnica" é a seguinte, tento a primeira, não funciona vou para segunda e por sua vez não funcionou passo para a terceira.
O que eu quero saber é o porque, isso é uma característica do jquery, é por causa do javascript, porque as vezes funciona e porque as vezes não funciona, é isso que eu queria saber, eu utilizo os eventos mas eu não sei o porque deste comportamento.