ejemplos de asociar varios eventos a un elemento con jquery en español

ejemplos de asociar varios eventos a un elemento con jquery en español

ejemplo de asociar varios eventos a un elemento con jquery en español

normalmente asociamos los eventos a los elementos que ya tenemos en nuestra página web una vez está cargada y esto lo hacemos con el evento ready del documento como supongo ya conoces, pero para que esto funcione estos elementos deben estar previamente cargados y no cargados dinamicamente

con el método on() podemos asociar uno o más eventos al mismo elemento o selector .

como puedes ver en el siguiente ejemplo en el que cambiamos el aspecto del párrafo cuando situamos el ratón encima o cuando sacamos el ratón de esta encima o cuando hacemos clic sobre él

$("p").on({
    mouseenter: function(){
        $(this).css("background-color", "lightgray");
    }, 
    mouseleave: function(){
        $(this).css("background-color", "lightblue");
    }, 
    click: function(){
        $(this).css("background-color", "yellow");
    } 
});