如何创建一个切换按钮来添加内联样式?
例如,在这个简单的结构中,我想创建一个切换按钮以显示或隐藏div
我不想在jQuery中添加类名或仅使用.show()和.hide()
我需要它是内联样式,例如,如果我切换按钮,我希望它添加此样式
style="display:block color:red;"
如果您再次切换
style="display:none"
<button>toggle</button>
<div>blah bla blah</div>
最佳答案
您可以使用.css("display")
检查切换样式。然后根据需要设置属性
$("button").click(function(){
if($("div").css("display") == "none") {
$("div").css({"display":"block","color":"red"});
}
else{
$('div').css("display","none");
}
});
关于javascript - jQuery/JavaScript切换按钮以添加内联样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38428306/