基于此处类似问题的答案:How can I dynamically change the background-color html?
...我将此代码添加到事件中:
$('html').removeClass('bronzeBackground silverBackground goldBackground').addClass('bronzeBackground');
这部分起作用,但是颜色仅在页面的一部分中更改。要使页面的整个背景都使用颜色,该怎么办?除了“ html”以及其他元素之外,我是否还需要指定“ body”?必须有一个一键式更改所有方法...
更新
在相关说明中,我不知道为什么,但是尽管添加此CSS无效:
#BooksContent #MoviesContent #MusicContent {
background-color: black !important;
}
...在动态填充div(id =“ BooksContent”)的内容后,将其添加到我的jQuery中是可行的:
$('#BooksContent').css('background-color', 'black');
最佳答案
如果您不想使用maxton的答案,可以使用
$('.bronzeBackground, .silverBackground, .goldBackground').removeClass('bronzeBackground silverBackground goldBackground');
$('body').addClass('bronzeBackground');
(编辑,删除愚蠢的错字)