Jquery 如何根据类更改布局？

我在这里创建一个网站，我需要添加一个功能，即当我在一个特定的部门，所有其他元素将被隐藏和背景颜色的身体变化，这将是三种情况下做悬停。任何一个例子都是值得赞赏的。提前谢谢

发布参考

您可以这样尝试：

 $('your-class-name').hover(
   function() {
   // your mouse hover event
    $(this).removeClass("your-class-name");
   },
  function() {
  // your mouse out event
   }
 );

这里是一个CSS解决方案（没有Jquery）。在主体上使用类

a:hover {
   background: blue;
}
body.case1 a:hover {
   background: green;
}
body.case2 a:hover {
   background: yellow;
}

---

你是说像这样的事吗

$（文档）.ready（函数（）{
$（“.project”）.mouseover（函数（）{
$（“.project”）.css（“不透明度”，“0.5”）；
$（this.css（“不透明度”、“1”）；
});
$（“.project”）.mouseout（函数（）{
$（“.project”）.css（“不透明度”，“1”）
});  
});
div{border:1px固体#b8b8；
高度：30px；边距底部：10px；背景：#b8b8b8；}

这是一个部门
这是一个部门
这是一个部门
这是一个部门
这是一个部门
这是一个部门
这是一个分区
刚刚尝试了CSS。请查收

CSS

HTML结构

<div class="test">
    <div class="test_div">This is test div</div>
    <div class="test_div">This is test div</div>
    <div class="test_div">This is test div</div>
    <div class="test_div">This is test div</div>
    <div class="test_div">This is test div</div>
    <div class="test_div">This is test div</div>
</div>


这是测试组
这是测试组
这是测试组
这是测试组
这是测试组
这是测试组

谢谢
请提供您迄今为止完成的代码。StackOverflow不是一种代码编写服务。您需要尝试一下，以便我们可以帮助您修复代码。我知道，但我需要的帮助是stackoverflow的作用，我认为@SoviutStackOverflow可以帮助您解决代码问题。我们不是来为你工作的。谢谢，伙计，我也需要在另一个函数悬停时删除旧类是的，那么你喜欢这样，请再次检查我的代码@AnmolSandal如果我的答案对你有帮助，请勾选@Anmol：我也是jquery专家，您可以在我的skype上分享：ajay.malhotra70这会很有帮助很乐意帮助：）
<div class="test">
    <div class="test_div">This is test div</div>
    <div class="test_div">This is test div</div>
    <div class="test_div">This is test div</div>
    <div class="test_div">This is test div</div>
    <div class="test_div">This is test div</div>
    <div class="test_div">This is test div</div>
</div>