使用按钮切换()方法
使用按钮切换()方法
提问于 2019-03-29 08:40:11
我需要关于jquery的帮助，这是我的第一个项目，我在事件侦听器方面遇到了问题，所以我可以单击我的按钮并多次更改标题的颜色。我需要改变第二个标题按钮可以改变我的标题的颜色，我必须设置它，使它可以改变回来的颜色。
这需要在JavaScript中使用条件语句。
我不需要把它还原成原来的颜色。如果我喜欢，我可以选不同的颜色。
我已经尝试过切换方法来隐藏和显示单击按钮时的标题，但我似乎不能多次更改颜色。当我点击我的按钮时，它确实会变成黄色，但只有一次。
$(document).ready(function(){
$("#title2-button").click(function(){
$("h2").toggleClass("#title2").css("color", "yellow");
});
});我期望的结果是能够点击我的标题2按钮，并在颜色之间切换不止一次。
回答 2
Stack Overflow用户
发布于 2019-03-29 08:44:13
每次都使用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>
Stack Overflow用户
发布于 2019-03-29 12:33:06
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");
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55408915
复制相关文章
相似问题