用mouseover添加一个鼠标经过的样式，但是滑出时怎么恢复之前的样式？

$("#updPwd").mouseover(function () {
$(".pwd").removeClass("pwd").addClass("pwd_hover");
}).mouseout(function () {
$(".pwd").removeClass("pwd_hover").addClass("pwd"); //恢复之前的样式
})

    这么写不对啊，应该怎么写啊

$(".pwd")，选错对象了吧？？要是只是针对$("#updPwd")这个对象，直接用this对象

而且要注意检查你的id选择器中的id对了没有，是区分大小写的

     $("#updPwd").mouseover(function () {
        $(this).removeClass("pwd").addClass("pwd_hover");
    }).mouseout(function () {
        $(this).removeClass("pwd_hover").addClass("pwd"); //恢复之前的样式
    })

 $("#updPwd").mouseout(function () {
$(".pwd").removeClass("pwd_hover").addClass("pwd");
})

不用写js,css样式就可以解决，比如:

jsp页面：

//常态 #testDiv{ color:black; } #testDiv:hover{ color:red; }

你注意看HTML代码。remove后代码的结构与之前原始的根本不一样，然后你在addclass当然是不行的，你更换成attr("class","pwd") 解决后请点赞