Jquery hover()

• Descripción
• Sintaxis
• Demo

Enlaza dos manejadores a los elementos encontrados, que se ejecutará cuando el puntero del ratón entra y sale de los elementos.

$(selector).hover(funcion de entrada, funcion de salida)

$(".detalle").hover( function () { $(this).css('background','#c3c3c3'); }, function () { $(this).css('background',''); } );

Una manera de utilizar el método Hover de Jquery sobre una tabla:
Coloque el apuntador del raton sobre la fila para resaltar

Profesor	Materia	Aula	Horas
Nicolas	Calculo	C-4	8 am - 10 am
Sara	Sistemas	S-10	7 am - 9 am
Jose	Algebra	A-2	3 pm - 5 pm
Francisco	Logica	C-2	9 am - 11 am

Jquery toggle()

• Descripción
• Sintaxis
• Demo
• Demo(2)

Muestra u oculta el elemento encontrado. También Permite enlazar dos o más funciones al elemento encontrado, que se ejecutaran al dar clicks alternados.

Sin parametros el metodo cambia la visibilidad de los elementos. $(selector).toggle()

$("button").click(function(){ $(".mostrar").toggle(); });

Sintaxis para enlazar 2 o mas funciones.

$("selector").toogle(function(){ se ejecuta en primer click; }, function() { se ejecuta en segundo click; });

Click para prender/apagar el bombillo