javascript - 带按钮的 Toggle() 方法

Question

我需要 jquery 方面的帮助，这是我的第一个项目，我在事件监听器方面遇到了问题，因此我可以单击按钮并多次更改标题的颜色。我需要更改“第二个标题”按钮可以更改标题的颜色，我必须对其进行设置，以便它可以将颜色更改回来。

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

我不必将其恢复为原始颜色。如果我愿意，我可以选择不同的颜色。

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

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

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

Answer 1

每次使用 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>