jQuery ofrece dos funciones auxiliares para el trabajo con eventos:
5.6.1. $.fn.hover
El método $.fn.hover
permite pasar una o dos funciones que se ejecutarán cuando los eventos mouseenter
y mouseleave
ocurran en el elemento seleccionado. Si se pasa una sola función, está será ejecutada en ambos eventos; en cambio si se pasan dos, la primera será ejecutada cuando ocurra el evento mouseenter
, mientras que la segunda será ejecutada cuando ocurra mouseleave
.
Nota A partir de la versión 1.4 de jQuery, el método requiere obligatoriamente dos funciones.
La función auxiliar hover
$('#menu li').hover(function() {
$(this).toggleClass('hover');
});
5.6.2. $.fn.toggle
Al igual que el método anterior, $.fn.toggle
recibe dos o más funciones; cada vez que un evento ocurre, la función siguiente en la lista se ejecutará. Generalmente, $.fn.toggle
es utilizada con solo dos funciones. En caso que utiliza más de dos funciones, tenga cuidado, ya que puede ser dificultar la depuración del código.
La función auxiliar toggle
$('p.expander').toggle(
function() {
$(this).prev().addClass('open');
},
function() {
$(this).prev().removeClass('open');
}
);