jQuery: método on() & live()

Desde la versión 1.7 el método live() de jQuery esta obsoleto. Lo destacado de live() es que podemos trabajar con elementos del DOM que ya están presentes y también «con aquellos otros elementos que pudieran añadirse de forma dinámica».

Su sucesor es el método on() que es 3-4 veces más rápido que el método live().

A continuación un ejemplo de uso usando el evento «click»:

$(document).ready(function() {
    $('button').on('click', function(){
        alert('click');
    });
});

También es posible además asociar varios eventos a los mismos elementos, por ejemplo:

$(document).ready(function() {
    $('button').on({
        click: function(){
            alert('click');
        },
        mouseenter: function(){
            alert('sobre');
        },
        mouseleave: function(){
            alert('fuera');
       }
    });
});

Y como alternativa al live() (para elementos que se han añadido de forma dinamica) un ejemplo de uso:

$('body').on('click', 'button', function() {
    alert('click');
});