jquery - 如何在 jQuery 下拉菜单中向父元素添加/删除 CSS 类

Question

我有这个小提琴：http: //jsfiddle.net/tatygrassini/tZBXe/

具有 1 级深子菜单的水平下拉菜单。所有带有 :hover 样式的菜单链接。

单击父级后，子菜单会向下滑动，您将鼠标悬停在外，子菜单会隐藏起来，到目前为止还可以。

Add/Remove my CSS class当单击以更改其背景颜色以伪造“焦点”状态时，我想给父级一个 CSS 类（.focus）。

在 jsfiddle 中，当您单击 时Add/Remove my CSS class，您会看到它的背景颜色会在一秒钟内变为红色，这是因为 :active CSS 样式。
因此，即使您将鼠标悬停在子菜单链接上，父链接仍处于“焦点”状态，但是，当您悬停时，“焦点”CSS 类将被移除以实现其正常状态 CSS。

Answer 1

这是一个更新的代码：http: //jsfiddle.net/manuel/tZBXe/2/ 我已经添加

$(this).addClass("focus");

并在悬停功能中

$("a", this).removeClass("focus");