在html里面如何更改背景色,如何动态更改背景色html？

我想更改html或body的背景(渐变)以响应事件。是否可以使用jQuery更改background-color属性？或者(我有CSS类中描述的背景渐变*)我需要removeClass然后addClass吗？如果是后者，我有一个轻微的困境：我将使用三种不同的颜色。我是否需要通过removeClass删除其他两种颜色(显然，只有一个会处于活动状态)，或者有没有办法以编程方式确定当前正在使用哪一种并删除它？我估计我可以在ready函数上使用全局变量来跟踪它，但是有更好/更优雅的方式吗？

.silverBackground {

background: #e2e2e2; /* Old browsers */

background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */

background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

}