Javascript 在mouseleave上删除类

我有一个jQuery代码，它将class

feather

添加到鼠标上方的div中，如果它有class

active-s-c-card

。我需要在

mouseleave

上删除此类。如果您对如何改进当前代码有任何建议，我们将非常高兴。谢谢

jQuery(document).ready(function($) {
  $("body").on("mouseover" ,function(){
    if ($(".panel-s-c-3").hasClass("active-s-c-card")) {
      $(".panel-s-c-3").addClass("feather");
    }
  });
});

---

这样，当您离开active-s-c-card元件时：

$(".active-s-c-card").on("mouseleave" ,function(){
  $(this).removeClass("feather")
});

---

您可以使用vanilla JavaScript轻松做到这一点：

const elements=document.getElementsByClassName（'inner'）；
for（元素的常量元素）{
element.addEventListener（'mouseenter'，（）=>element.classList.add（'red'）；
if（element.classList.contains（'required-class'））{
element.addEventListener（'mouseleave'，（）=>element.classList.remove（'red'）；
}
}

#容器{
填充：50px；
背景颜色：绿色；
显示器：flex；
}
.内部{
宽度：100px；
高度：100px；
背景色：白色；
边缘底部：25px；
右边距：25px；
}
瑞德先生{
背景色：红色；
}

有课
无阶级

你只需应用removeClass，你只需使用addClass，我只是向你介绍一些基本知识，而不是确切的东西，以便你能很好地理解

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“h1，h2，p”）。删除类（“蓝色”）；
});
});
蓝先生{
颜色：蓝色；
}
标题1
标题2
这是一个段落
这是另一段

从元素中删除类

下面是执行相同功能的jQuery javascript

$(".active-s-c-card").on("mouseover" ,function(){
      $(this).removeClass("feather")
});
$(".active-s-c-card").on("mouseleave" ,function(){
  $(this).removeClass("feather")
});

或

---

如果必须完全用Javascript完成，为什么这都是JQuery代码？你想用普通的Javascript来替换整个代码段吗？嗨，当你的鼠标放在身体上的时候，你添加了它，对吗？那么整个页面对吗？我不明白你的问题，你想删除类“羽毛”吗？Nathan Champion抱歉，我在问题中犯了一个错误，我的意思是jqeury。我编辑了这个问题。AlexB-我在鼠标悬停在“panel-s-c-3”时添加了这个类。我想在鼠标离开此项时删除羽毛。

document.body.onmouseover = function() {mouseOver()};
document.body.onmouseout = function() {mouseOut()};
function mouseOver() {
  var element = document.getElementByClassName("panel-s-c-3");
  element.classList.add("feather");
}

function mouseOut() {
  var element = document.getElementByClassName("panel-s-c-3");
  element.classList.remove("feather");
}