使用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 。 也不要包含.

Answer 2

尝试这个：

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