Índice

Los administradores de eventos

La librería de jQuery pone a disposición de los desarrolladores administradores de eventos bastante similares a los del JavaScript tradicional. De esta manera, a onmouseover de JavaScript le corresponde mouseover en jQuery. El prefijo "on" simplemente ha desaparecido.

1. Al hacer clic con el ratón

click()

Asocia una función al evento clic de los elementos de la selección.

$("p").click();

Ejemplo

Al hacer clic en un párrafo, este se oculta con un efecto.

Tras la carga de la página:

images/5_2_1_v41.png

Al hacer clic con el ratón, se oculta el tercer párafo:

images/5_2_1_v42.png
<!doctype html>  
<html lang="es">  
<head>  
<meta charset="utf-8">  
<title>jQuery</title>  
<script src="jquery.js"></script>  
<script>  
    $(document).ready(function(){  
        $("p").click(function () {  
            $(this).slideUp();  
        });  
    });  
</script>  
<style>  
    p { 
        cursor: pointer; 
    }  
</style>  
</head>  
<body>  
<p>Párrafo</p>  
<p>Párrafo</p>  
<p>Párrafo</p>   ...