Jquery 追加悬停 css 样式

标签 jquery css

我想使用 jQuery 将一些悬停 css 样式附加到某些按钮,我目前拥有它,因此它添加了我想要的 css,但是当您不悬停按钮时,样式会保留。

这是我的代码:

                $('#all').hover(function() {
                    $('#all').css({backgroundColor: '#3DC0F1', color: '#ffffff'});
                })

当您将鼠标悬停时,它会添加这些样式,但是当您将鼠标从悬停上移开时,它会保留这些样式,有人能看出我在这里做错了什么吗?

最佳答案

请使用以下内容:

mouseenter()
.mouseleave()

.mouseover()
.mouseout()

或者试试下面的代码

工作 fiddle :http://jsfiddle.net/67tCr/

关于Jquery 追加悬停 css 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22987894/

相关文章:

jquery - Bootstrap 4 导航栏有两行,底行可折叠

html - 文本未包装在容器中

javascript - 获取一排 float div中的最后一个div

javascript - 将 foreach 数据传递到模态中

jquery 不适用于特定的 html 文件

html - 多个类选择器不应用属性

css - 在 Twitter Bootstrap 3 中使用 col-lg-push 和 col-lg-pull 进行列顺序操作

javascript - 查找 onClick 函数的触发元素

javascript - 单击在任何情况下都不起作用

android - 图像边框像素化(Android 应用程序中的移动页面)