jquery - jQuery memoize css 用于悬停效果

Question

我想为元素创建悬停效果，但希望元素的悬停前 CSS 在再次悬停时与以前相同。所以，当再次悬停在元素之外时，我不想无意中覆盖先前的样式。换句话说 - 一种记住元素的 css 状态并在以后恢复该状态的简单方法。

想法？

score 2 · Accepted Answer

通过将特定类应用于元素来触发悬停 CSS。

然后，当您的悬停完成时，删除悬停类。

这让 CSS 可以为您处理样式覆盖和恢复。

score 2 · Accepted Answer

只需创建一个新的 CSS 类。和悬停时，使用addClass(_thatclass_)和悬停时使用removeClass(_thatclass_)

score 2 · Accepted Answer

你可以用纯 CSS 来做:hover吗？如果可以的话，你应该，它会在不自动悬停时恢复旧的 CSS。

看这个例子，所有div的s都有一个边框，当你悬停时会变大，当你停止悬停时会缩小到正常状态。我会把 CSS 放在这里，所以这个答案是独立的：

div {
   border: 2px solid red;
}

div:hover {
  border-width: 10px;
}

（请注意，您可以在选择器中的任何位置使用悬停，而不仅仅是在结尾处，例如#myID:hover .childClass）

3 回答 3