mouseenter mouseleave上的JQuery changeClass

Question

我希望有人可以帮助解决这个问题。我想将一个 div 的类从#ron.front 更改为#ron.upperLeft1。

• 当鼠标进入一个div时.toggle1，然后让它变为#ron.upperFull。

• 当鼠标离开 .toggle1 并进入 div .toggle2（在 .toggle1 内）时。

我要创建的效果是当鼠标进入外框时，Ron 的眼睛开始移动，然后当鼠标进入内框时，他的眼睛完全转向盒子。

这是我自己的尝试，以使外部左上角的框正常工作。 http://emiwip.com/rb/test.html

（别笑得太厉害，我不是程序员，但我正在努力学习。）

Answer 1

您可以使用 jQuery Mouse Events 和 .toggleClass() 来完成此操作。

例如：

$( ".toggle1" ).mouseenter(function() {
  $('#ron.front').toggleClass('#ron.upperLeft1');
});

当您的鼠标进入“div.toggle1”时，#ron.front 的类将变为“.upperLeft1”