jquery-用mouseover添加一個鼠標經過的樣式，但是滑出時怎麼恢復之前的樣式？

用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"); //恢復之前的樣式
    })