Javascript 使用jquery在每次单击时交换divs颜色黑色和白色

Javascript 使用jquery在每次单击时交换divs颜色黑色和白色,javascript,jquery,Javascript,Jquery,如果我点击一个按钮, 第一个div的颜色从白色变为黑色,第二个div的颜色从黑色变为白色,如果我单击该按钮,则反之亦然。使用jQuery的.toggleClass() $(“按钮”)。在(“单击”,函数(){ 美元(“#a,#b”)。切换类别(“黑色”); }); div{宽度:200px;高度:50px;背景:#ccc;} .black{背景:#000;} 点击我 您可以使用toggleClass()来实现这一点 工作演示 $(文档).ready(函数(){ $(“输入”)。单击(函数(

如果我点击一个按钮,
第一个div的颜色从白色变为黑色,第二个div的颜色从黑色变为白色,如果我单击该按钮,则反之亦然。

使用jQuery的
.toggleClass()

$(“按钮”)。在(“单击”,函数(){
美元(“#a,#b”)。切换类别(“黑色”);
});
div{宽度:200px;高度:50px;背景:#ccc;}
.black{背景:#000;}

点击我

您可以使用
toggleClass()
来实现这一点

工作演示
$(文档).ready(函数(){
$(“输入”)。单击(函数(){
$('div').toggleClass('black,white'))
});
});
.square{
宽度:100px;
高度:100px;
边框:1px纯红;
}
布莱克先生{
背景色:黑色;
}
怀特先生{
背景色:白色;
}

函数切换类(){
$(“.main div”).toggleClass(“黑色,白色”);
}
.main{
背景颜色:浅蓝色;
高度:50px;
宽度:50px;
}
布莱克先生{
颜色:#000;
}
怀特先生{
颜色:#fff;
}

第一
第二

切换
问题是什么?需要分享你的html和你尝试过的js请始终显示你尝试过的基本html、CSS和js代码,并解释错误所在。听到这个消息总是很高兴。
:)