Esta pregunta ya tiene una respuesta aquí:

Digamos que tengo algunos enlaces a los que quiero agregar una acción javascript para:

<a class='test'>
<a class='test'>
<a class='test'>

Cuando mi página se carga, les doy a todos un evento de clic:

$('.test').click(function(){
  alert("I've been clicked!")
});

Pero digamos después que agrego otro elemento y quiero darle el mismo evento. No puedo hacer esto

$('.test').click(function(){
  alert("I've been clicked!")
});

porque entonces los 3 primeros tendrán 2 eventos en ellos. ¿Cuál es la mejor manera de lidiar con esto?