当按钮处于'；s单击，直到单击另一个按钮（Javascript/JQuery）

我目前正在为我的自由职业者工作创建一个网站，并使用JQuery提供的click（）和load（）函数。一切都很好，我像往常一样通过classname:hover-in-css添加了悬停效果

我现在想做的是，只要单击了另一个按钮，就让单击的按钮保持悬停效果。我看到了几篇关于add函数的帖子，但都无法让它工作。我希望这里有人能够并且愿意帮助我

这是我的密码：

HTML

如果还需要什么，就告诉我！：）

您的元素是

，而不是

，尽管它有class按钮，所以我认为您的意思是：

$(".button").addClass("hover");

---

在jQuery中，您使用CSS中使用的相同选择器来定位元素，因此

$（“button”）

以

元素为目标，而

$（.button”）

以button类的任何元素为目标

---

假设按钮是

<div class="button">HOME</div>
<div class="button">ABOUT</div>
<div class="button">Contact</div>

主页
关于
接触

现在是脚本部分

<script>
  $(function() {

    $('.button').click(function() {
       $('.button').removeClass('active');
       var el = $(this);
       el.addClass('active');
    })


  })
</script>

$（函数（）{
$（'.button'）。单击（函数（）{
$（'.button'）.removeClass（'active'）；
var el=$（本）；
el.addClass（“活动”）；
})
})

现在是css部分

<style>
  .active {
    background: yellow;
}
</style>

.主动{
背景：黄色；
}

我已经试过了，但没有按我的要求使用。目前我正在运行以下代码：

$（function（）{$（“#buttonHome”）.bind（“click”，function（）{if（$（“#buttonHome”）.attr（“hover”）==“on”）{}else{$（“#buttonHome”）.attr（“hover”，“on”）；$（“#content”）.load（“includes/sample.html”）;                 }         });     });<div class="button">HOME</div>
<div class="button">ABOUT</div>
<div class="button">Contact</div>

<script>
  $(function() {

    $('.button').click(function() {
       $('.button').removeClass('active');
       var el = $(this);
       el.addClass('active');
    })


  })
</script>

<style>
  .active {
    background: yellow;
}
</style>