鼠标移动上去添加class

鼠标移动上去添加class,第1张

$(function(){

$(".con").hover(function(){

$(this).addClass("on")

})

})

用js,鼠标移入的时候添加一个类名active,然后用css来控制这个类名的样式,如:

$(".item").hover(function(){

//给移入的节点添加类名active,同时移除兄弟元素的类名active

$(this).addClass("active").siblings().removeClass("active")

})

.active {

background-color: blue

..... /*写其他样式*/

}

$("#btn_filter a").mouseover(function(){

    $(this).addClass("current")

}).mouseout(function(){

    $(this).removeClass("current")

})

参考:http://www.w3school.com.cn/jquery/attributes_addclass.asp

http://www.w3school.com.cn/jquery/event_mouseout.asp


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7967565.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存