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>

Answer 2

HTML：

<button id="title2-button">Click Here</button>
<h2>Some Text</h2>

CSS：

.title2 {
    color: yellow;
}

JS：

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

带按钮的Toggle（）方法

2 个答案: