选择家长&；使用mouseover、jQuery时的所有子元素

我有一个div，里面有元素（h3，img，p）。我想使用jQuery来检测用户何时悬停在这个div上，然后切换这个div中元素的类

我正在使用下面的代码：

$('.entry').bind({
    mouseover: function() {
    $('.readMore').toggleClass('inverted');
    },
    mouseleave: function() {
    $('.readMore').toggleClass('inverted');
    }
});

当将鼠标悬停在

div

上时，这与预期一样有效。如果将鼠标悬停在div内的某个元素（例如

.entry h2

）上，它会关闭该类，就好像它离开了父div（

.entry

），但实际上它就在父div内。元素没有在

div.entry

中浮动，我原以为这可能会使它失效。我尝试了

$（“.entry*”）

和

$（“.entry.entry*”）

，但两者都有类似的问题

有什么想法吗？

试着用和代替

以下是有关

mouseenter

vs

mouseover

的相关文档：

mouseenter事件在处理方式上与mouseover不同 事件冒泡。如果在本例中使用鼠标悬停，则当 鼠标指针移动到内部元素上时，处理程序将 触发。这通常是不受欢迎的行为。老鼠事件， 另一方面，只有当鼠标进入 它绑定到的元素，而不是后代

这可能会有所帮助；请注意，当您将指针移入和移出元素时，会触发哪些事件