带按钮的夜间模式和日间模式jquery

我想在HTML页面的白天模式和夜间模式中添加两个按钮，结果应该是当白天模式按下时，它应该有白色背景和黑色文本，在夜间模式下，黑色背景和白色文本。我尝试过，但没有成功。有人能帮我吗

函数暗（）{
$（“#暗”）。单击（函数（）{
$（'body'）.addClass（'night'）；
$（'div'）.addClass（'night'）；
$（'li'）.addClass（'night'）；
});
};
功能日{
$（“#天”）。单击（函数（）{
$（'body'）.removeClass（'night'）；
$（'div'）.removeClass（'night'）；
$（'li'）.removeClass（'night'）；
});
};

日间模式
夜间模式
您可以这样做：


函数主题（颜色）{
$（'body'）.attr（'class'，color）；
}
.day{
背景：白色；
颜色：黑色；
}
.黑暗{
背景：黑色；
颜色：白色；
}

日间模式
夜间模式



一些文字您可以这样做：


函数主题（颜色）{
$（'body'）.attr（'class'，color）；
}
.day{
背景：白色；
颜色：黑色；
}
.黑暗{
背景：黑色；
颜色：白色；
}

日间模式
夜间模式



一些文字
如果要使用jQuery，请去掉
onclick
和函数click listeners。否则，在jQuery监听器从函数内部启动之前，您必须单击两次按钮。您还可以为类
night
添加未使用的
css
。如果要使用jQuery click监听器，请删除
onclick
和函数。否则，在jQuery侦听器从函数内部启动之前，您必须单击两次按钮。您还可以为类
night
添加您使用过但不起作用的
css
。