jQuery记忆css以获得悬停效果

jQuery记忆css以获得悬停效果,jquery,css,undo,memoization,Jquery,Css,Undo,Memoization,我想为一个元素创建一个悬停效果,但是当再次悬停时,我希望该元素的预悬停CSS与以前相同。所以,我不想在再次将鼠标悬停在元素外时无意中覆盖先前的样式。换句话说,这是一种记忆元素的css状态并在以后恢复该状态的简单方法 想法?通过对元素应用特定类来触发悬停CSS 然后,当悬停完成时,删除悬停类 这让CSS为您处理样式覆盖和恢复。通过将特定类应用于元素来触发悬停CSS 然后,当悬停完成时,删除悬停类 这让CSS为您处理样式覆盖和恢复。只需创建一个新的CSS类。悬停时,使用addClass(\u tha

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


想法?

通过对元素应用特定类来触发悬停CSS

然后,当悬停完成时,删除悬停类


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

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

然后,当悬停完成时,删除悬停类


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

只需创建一个新的CSS类。悬停时,使用
addClass(\u thatclass)
,悬停时使用
removeClass(\u thatclass)
只需创建一个新的css类。在悬停时,使用
addClass(\u thatclass)
,在悬停时使用
removeClass(\u thatclass)

您可以使用纯CSS实现吗?如果可以的话,你应该这样做,它会在不自动悬停的情况下恢复旧的CSS

,所有
div
s的边框在您悬停时会变大,停止悬停时会缩小到正常值。我将把CSS放在这里,所以这个答案是独立的:

div {
   border: 2px solid red;
}

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

(请注意,您可以在选择器中的任何位置使用hover,而不仅仅是在末尾,例如
#myID:hover.childClass

您可以在纯CSS中使用吗?如果可以的话,你应该这样做,它会在不自动悬停的情况下恢复旧的CSS

,所有
div
s的边框在您悬停时会变大,停止悬停时会缩小到正常值。我将把CSS放在这里,所以这个答案是独立的:

div {
   border: 2px solid red;
}

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

(请注意,您可以在选择器中的任何位置使用hover,而不仅仅是在末尾,例如
\myID:hover.childClass

您不能只使用
:hover
或应用于
hover
的附加类。m90:当元素接收到键盘焦点时,它们可能需要触发悬停样式(例如,为了便于访问,用户可能没有使用鼠标)。Sly_cardinal:他也可以(也)使用:focus。您不能只使用
:hover
或应用于
hover
的附加类。m90:当元素接收到键盘焦点时,他们可能需要触发hover样式(例如,为了便于访问,用户可能没有使用鼠标)。Sly_cardinal:他也可以用法:专注于此。不,因为我想在悬停在给定元素上时在另一个元素上创建悬停效果。但由于缺乏上下文,所以建议不错。不,因为我想在悬停在给定元素上时在另一个元素上创建悬停效果。但由于缺少上下文,所以建议不错。我认为这是目前为止最好的建议。Ma非常有道理。谢谢!我认为这是到目前为止最好的建议。非常有道理。谢谢!谢谢!答案奖励给sha404,因为他快了一分钟。但是感谢你们两个快速而非常有用的答案!:-)谢谢!答案奖励了sha404,因为他快了一分钟。但感谢你们两位快速而有用的回答!:-)