$(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"}); } ); });
<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>
.div{ margin:10px; padding:12px; border:2px solid #666; width:60px; background-color:blue; }