Controlar dos eventos con una función Jquery

[disenosergio]

Como puedo hacer un cambio en un elemento al hacer mouseover y despues dejarlo igual al hacer mouseout

[3nr1c]

Depende del cambio que quieras hacer... Pero por lo general será hacer el cambio (supongo que de css) dentro de un handler de mouseover y deshacer el css en mouseout. Ayudaría saber qué cambio quieres hacer ;)

Un saludo

[Alexis88]

Utiliza el método .hover(), el cual utiliza los eventos mouseenter y mouseleave:

Código Javascript:

$("selector").hover(function(){
    //Mouse enter
}, function(){
    //Mouse leave
});
 

También puedes encadenar métodos:

Código Javascript:

$("selector")
        .mouseover(function(){
            //Mouse over
        })
        .mouseout(function(){
            //Mouse out
        });
 

Esto es útil cuando quieres realizar algún cambio o acción que no se limite a la estética del elemento afectado u otros, pues si quieres cambiar solo los estilos, es preferible utilizar la pseudoclase :hover de CSS:

Código CSS:

selector{
    /* Estilos */
}
 
selector:hover{
    /* Estilos que se aplicarán solo cuando el cursor del mouse esté sobre el elemento */
}
 

P. D.: Por si tienes dudas con respecto a las diferencias de los eventos mencionados, te recomiendo leer este artículo.

Un saludo