Javascript 使用jQuery链接将鼠标悬停到img标记

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

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

因为假设它附加到img标签上，并且失败了。关于如何实现这一点有什么想法吗

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

另外，注意：我正在努力实现这一点：

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

试试这个：

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

试试这个：

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

---

当您应该使用

toggleClass

时，您正在使用

css

。像这样：

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

---

css

用于向元素添加内联样式。如果要向元素添加/删除类，请使用

addClass

、

removeClass

和

toggleClass

。当您应该使用

toggleClass

时，也不要包括您正在使用的

css

。像这样：

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

---

css

用于向元素添加内联样式。如果要向元素添加/删除类，请使用

addClass

、

removeClass

和

toggleClass

。也不要包括

你想用这个实现什么？请在示例中使用HTML。你想用这个实现什么？请在示例中使用HTML