javascript - JQuery 鼠标悬停函数多次触发

Question

我很长时间以来一直在使用这种方法来为整个类(按钮等)设置事件:

$("div.bigButton").mouseover(function() { this.style.backgroundColor = '#dfdfdf'; });

然而，在做一些测试时，我注意到当将鼠标移到这些对象上时，该函数会触发 3 次!这在更改诸如 backgroundColor 之类的内容时是不明显的，但如果我添加警报，它就会非常明显。

知道我做错了什么吗？我担心这可能会对以后的性能产生影响。

谢谢

编辑:抱歉，缺少“样式”是一个错字

HTML 是:

<div class="bigButton">
Test</div>

Answer 1

这可能是由于嵌套在您的 HTML 元素中而发生的。 jQuery 文档在页面底部有一个完美的例子(不要混淆 mouseover 和 mouseenter)，还有一个防止这种不需要的行为的例子。 http://api.jquery.com/mouseover/