2 fashion1993 fashion1993 于 2014.12.16 12:45 提问

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

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

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

4个回答

showbo
showbo   Ds   Rxr 2014.12.16 13:44
已采纳

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

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

     $("#updPwd").mouseover(function () {
        $(this).removeClass("pwd").addClass("pwd_hover");
    }).mouseout(function () {
        $(this).removeClass("pwd_hover").addClass("pwd"); //恢复之前的样式
    })
showbo
showbo 回复fashion1993: 嗯,这样效率也高些,不过你的css规则等级要注意写好,要不无法覆盖原始的样式
3 年多之前 回复
fashion1993
fashion1993 谢谢,已经解决了,不需要每次都一个添加一个移除,我只要划过时addClass,滑出时remove就可以了
3 年多之前 回复
Hjupan
Hjupan   2014.12.16 12:58
 $("#updPwd").mouseout(function () {
$(".pwd").removeClass("pwd_hover").addClass("pwd");
})
fashion1993
fashion1993 我就是这么写的,不行啊,还是样式不变
3 年多之前 回复
zhaolonggui
zhaolonggui   2014.12.16 15:43

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

jsp页面:

//常态 #testDiv{ color:black; } #testDiv:hover{ color:red; }
测试的Div
h1634966
h1634966   2014.12.16 17:37

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!