mouseover mouseout jq提供了自己的事件 hover()

提供两个参数 且两个参数均为函数  第一个参数是鼠标移动到元素上 所要做的事情 

      第二个参数是鼠标从元素上一开 所要做的事情 

$("p").hover

( function()

{

$("p").css("background-color","yellow");

},

function(){

$("p").css("background-color","pink");

}

);

-----实例 所要实现功能:一幅图片 

当鼠标移动到上面的时候 ->则更换图像 

移开时->则还原为原图像-------------

关键之处:使用一个变量保存原图像的src

var oldSrc=$('#photo').attr('src'));

//this关键字是引发事件的对象

$(this).attr('src',newPhoto.src);

$(this).attr('src',oldSrc);