Ejemplo de la function hover jQuery

El método hover de jQuery es una solución rápida para manejar esos eventos. Puede determinar si el usuario esta moviendo el apuntador para pasar sobre el elemento seleccionado (mouseenter), o si el usuario está a punto de salir del mismo (mouseleve). Esto permite establecer dos funciones personalizadas, donde se pueden ejecutar dos conjuntos distintos de código.

by Dominando jQuery

HTML

<h3>Mueve el ratón sobre cualquiera de los cuadrados y observa el resultado:</h3>
<div class="div"></div>
<div class="div"></div>
<div class="div"></div>

CSS

.div{ 
    margin:10px;
    padding:12px;
    border:2px solid #666;
    width:60px;
    background-color:blue;
}

JavaScript

$(document).ready(function() {
    $('div').hover(
        function () {
            // código a ejecutarse cuando el apuntador pasa por encima
            $(this).css({"background-color":"red"});
        }, 
        function () {
            // código a ejecutarse cuando el apuntador sale del elemento
            $(this).css({"background-color":"blue"});
        }
    );
});