Función que controle dos eventos en Jquery

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

Hola lo puedes hacer con JQuery, sin problemas.Tan facil como incluir la libreria y empezar a usar sus funciones. Por ejemplo así:
$( "div.overout" )
.mouseover(function() {
i += 1;
$( this ).find( "span" ).text( "mouse over x " + i );
})
.mouseout(function() {
$( this ).find( "span" ).text( "mouse out " );
});
Un saludo
David, soluciones web

Mira este enlace:
https://api.jquery.com/mouseover/
Un saludo
David, soluciones web

Gracias por tu información pero habría alguna forma de hacerlo sin tener que asignar al elemento las dos funciones mouseover y mouseout??

No se... Pero es que es sobre ese elemento sobre el que quieres hacer dos cosas, no? Lo lógico es que las funciones las pongas sobre el elemento.
Un saludo
David, soluciones web

mira estoy cambiando el src de un img haciendo mouseover sobre un div y quiero que vuelva a tener su src original al hacer mouseout

Si tuvieras esta IMG: <img id="my_image" src="first.jpg"/>
con JQuery se cambia así:
$("#my_image").attr("src","second.jpg");
Mételo en la función de antes y listo.

Un saludo
David, soluciones web

Muchas Gracias

De nada, espero haberte ayudado.

Un saludo
David,paginas web economicas

Creo que lo más sencillo es hacerlo por CSS:

Código CSS :

.elemento {
  background-image: url('tu URL aquí');
}
.elemento:hover {
  background-image: url('tu nueva URL aquí');
}

Saludos y suerte!

Fusel,
muy buena opción la tuya, la verdad. No había caído en los css.

Un saludo,
David
estudio de diseño grafico

Make it simple!

aqui esta un codigo mas completo

Código HTML :

<div id="div1">
   Contenido del div 1
</div>
<div id="div1" style="display: none">
   Contenido del div 2
</div>

<script>
   $( "#div1" ).mouseover(function() {       // al pasar el mouse
      $( this ).hide();             // ese elemento desaparece
      $( "#div1" ).show();             // el otro elemento aparece
   }).mouseout(function() {            // al quitr el mouse 
      $( this ).show();             // ese elemento aparece
      $( "#div1" ).hide();             // el otro elemento desaparece
   });
</script>