如何让按钮恢复到jQuery中的默认状态
如何让按钮恢复到jQuery中的默认状态
提问于 2015-09-28 01:20:42
我在HTML中调用了一些代码，当按钮被单击时，它会使按钮处于白色背景的状态。
如何单击该按钮并恢复到其原始位置？这是我到目前为止在代码中所做的：
$("#button").click(function(){
$("#button").css("background", "white");
});我应该在这里放入什么代码，才能让它在单击时恢复到原始形式？
回答 4
Stack Overflow用户
发布于 2015-09-28 01:24:02
$("#button").click(function(){
var button = $("#button");
if (button.css("background") === "white") {
button.css("background", "black");
} else {
button.css("background", "white");
}
});Stack Overflow用户
发布于 2015-09-28 01:26:12
切换按钮上的类并使用css规则来管理样式差异通常更简单：
$(function(){
$("#button").click(function(){
$(this).toggleClass( "white_bg");
});
});CSS
#button.white_bg{
background:white;
}Stack Overflow用户
发布于 2015-09-28 01:26:37
使用切换功能
$( "p" ).click(function() {
$( this ).toggleClass( "highlight" );
});
.highlight {
background: yellow;
}发自：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32814543
复制
相似问题
水晶报告xi只显示组标题。
水晶报告只显示本地条形码。
水晶报告只显示最后一列。
水晶报告只显示最后一列
如何只打印水晶报告的第一页？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
