如何删除：悬停状态而不使用额外的类？

Question

我正在使用<button>代码并在hovering的{​​{1}}上提供红色背景。但是，如何在不使用额外课程的情况下删除button州。

Answer 1

.hover(function() {
  $( this ).toggleClass( "active" )
}

这是来自jQuery的文档 - http://api.jquery.com/hover/

如果你想要延迟工作...你可以使用mouseenter（并留下，如果你想要自定义的东西）

.mouseenter(function() {
  $( this ).addClass( "active" )
}).delay(5000).removeClass( "active")

这应该有用......你可能不得不使用自定义超时？延迟并不总能达到我认为的目的，但我认为这样做。

Answer 2

您可以从Javascript更改该特定元素的CSS。否则，我只会使用一个额外的课程......

Answer 3

您可以在某段时间后将背景颜色设置为 initial ＆＃34;＆＃34;使用脚本。由于注入的内联css比:hover伪选择器具有更多specificity，因此它不再有效。

您既没有添加额外的课程也没有使用任何回调。

（以下超时仅用于演示目的）

＆＃13;

＆＃13;

setTimeout(function() {
  alert("after sometime!");
  $("div").css("background-color", "initial");
}, 4000);

＆＃13;

div {
  width: 100px;
  height: 100px;
  border: 1px solid;
}
div:hover {
  background: red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>

＆＃13;

＆＃13;

＆＃13;