使用jQuery实现鼠标移动添加删除样式

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：js教程 jquery教程

JQuery提供了一种简单的方式来实现鼠标移动添加删除样式。首先，我们需要为需要添加删除样式的元素添加一个类名，例如"hover-effect"。然后，我们可以使用JQuery的hover()方法来监听鼠标的移动事件。当鼠标移动到元素上时，我们可以使用addClass()方法来添加一个新的类名，例如"hovered"。当鼠标离开元素时，我们可以使用removeClass()方法来删除这个类名。最后，我们可以在CSS中定义这两个类名的样式，从而实现鼠标移动添加删除样式的效果。

JQuery鼠标移动添加删除样式方法，下面为代码案列

$("a").hover(function(){$(this).find("b").show();},function(){$(this).find("b").hide();})

鼠标移到A标签触发事件，下面的B标签显示，后门的function就是鼠标移开隐藏。