Evento Hover con JQuery

Ahora un ejemplo del evento Hover con JQuery, este evento se activa cuando el puntero del mouse pasa por encima del objeto, en la versión de JQuery 1.7 tenemos 3 formas de utilizarlo:

.hover(handlerIn(eventObject)) Se activa cuando el puntero del mouse entra en el área que ocupa el objeto.

.hover(handlerOut(eventObject)) Se activa cuando el puntero del mouse sale del área que ocupa el objeto.

.hover(handlerInOut(eventObject)) Se activa cuando el puntero del mouse entra o sale del área que ocupa el objeto.

Ejemplo:

Pasa el mouse por encima

Codigo

<script type="text/javascript">
//<!CDATA[
    $(document).on("ready",
        function(){    
            $("#btnPruebaHoverIn").hover(function(){
               $('#btnPruebaHoverIn').text("Mouse dentro, ahora sal");          
        }, function(){    
               $('#btnPruebaHoverIn').text("Pasa el mouse por encima");          
        });
    });
//]]>
</script>