使用JavaScript更改HTML类

我有一个使用两个类的html类

$（文档）.ready（函数（）{
$（“.container”）.hover（函数（）{
$（'.green'）.addClass（'display-on'）；
});
$（“.container”）.mouseleave（函数（）{
$（'.black'）.removeClass（'display-on'）；
});
});
.black{
背景色：黑色；
}
格林先生{
背景颜色：绿色；
}

你好
你好
这样做不需要javascript。您可以在CSS的几行中自行完成：

.black:hover {
  background-color: black;
}
.green:hover {
  background-color: green;
}

编辑：因为这似乎是在使用jQuery，而我的问题有点错，所以您可以这样做：

.black:hover{
   background-color: black;
      }

.green:hover{
       background-color: green;
      }



你好
你好
$（文档）.ready（函数（）{
$（“.black”）.hover（函数（）{
$（'.container'）.css（“背景色”、“黑色”）；
}，函数（）{
$（'.container'）.css（“背景色”、“白色”）；
});
$（“.green”）.hover（函数（）{
$（'.container'）.css（“背景色”、“绿色”）；
}，函数（）{
$（'.container'）.css（“背景色”、“白色”）；
});
});
您可以将其用作css：

.black:hover{
   background-color: black;
      }

.green:hover{
       background-color: green;
      }

根据您所说的，应该很简单，只要在每个
div
中添加一个悬停函数，就可以更改父
.container
的类，以反映悬停的
div


$（文档）.ready（函数（）{
$（“.green”）.hover（函数（）{
$（this）.closest（'.container'）.toggleClass（“绿色”）；
});
$（“.black”）.hover（函数（）{
$（this）.closest（'.container'）.toggleClass（“黑色”）；
});
});
.black{
背景色：黑色；
}
格林先生{
背景颜色：绿色；
}

你好
你好
您的JS第二行缺少一个
“
”
您的一行在
“.container
。您还将从不同的elements.oho添加/删除

类上的显示。。对不起，朋友。我输入错误。不要同时使用

悬停

和

鼠标移动

。如果您给它一个函数，那么两个事件都会调用相同的函数。您正在添加和删除类“display on”，但CSS中没有该类的定义…OP希望更改

的背景颜色。请将代码包括在问题中，不是在一个人们必须遵循的链接中。你只是重复了现有答案已经说过的内容，这不是OP所问问题的答案。