javascript - 带按钮的Toggle()方法

我需要有关jquery的帮助，这是我的第一个项目，并且在事件监听器上遇到了麻烦，因此我可以单击按钮并多次更改标题的颜色。我需要更改“第二标题”按钮才能更改标题的颜色，我必须对其进行设置，以便它可以更改颜色。

这需要在JavaScript中使用条件语句。

我不必将其还原为原始颜色。我可以根据需要选择其他颜色。

我已经尝试过切换方法，以在单击按钮时隐藏和显示标题，但是我似乎无法多次改变颜色。当我单击我的按钮时，它确实将其更改为黄色，但只有一次。

$(document).ready(function(){
  $("#title2-button").click(function(){
    $("h2").toggleClass("#title2").css("color", "yellow");
  });
});

我的预期结果是能够单击我的title2按钮并多次在颜色之间切换。

最佳答案

您每次都使用css()将颜色设置为黄色，而应该在样式表中定义颜色，然后切换类

$(document).ready(function(){
  $("#title2-button").click(function(){
    $("h2").toggleClass("title2");
  });
});

.title2 {color: red}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="title2-button">CLICK ME</button>
<br/>
<h2>TOGGLES</h2>