javascript - 使用 jQuery 链接将鼠标悬停在 img 标签上

Question

我正在尝试这个。但它不起作用..

$('.hover-button').hover(function() {
    $('.section.coolClass img').addClass('.hoverclass');
});

因为假设它附加到 img 标签并且失败了。关于如何实现这一目标的任何想法？

是。悬停时，需要删除该类。

此外，注意:我正在努力实现这一目标:

section.coolClass img:hover {
  transform: scale(1.2); z-index: 3; cursor: pointer;
}

Answer 1

当您应该使用 toggleClass 时，您正在使用 css。像这样:

$('.hover-button').hover(function() {
    $('.section.coolClass img').toggleClass('hoverclass');
});

css 用于向您的元素添加内联样式。当您想向元素添加/删除类时，请使用 addClass、removeClass 和 toggleClass。也不要包含 .