使用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

当您使用css时，您正在使用toggleClass。像这样：

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

css用于向元素添加内联样式。如果要为元素添加/删除类，请使用addClass，removeClass和toggleClass。也不要包含.

Answer 2

试试这个：

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