Jquery 如何动态更改html的背景色?
我想更改html或正文的背景(渐变)以响应事件。是否可以使用jQuery更改背景颜色属性?或者(我有CSS类*中描述的背景渐变)我需要删除类然后添加类吗?如果是后者,我有一个小小的难题:我将使用三种不同的颜色。我是否需要通过removeClass删除其他两种颜色(尽管很明显,只有一种颜色处于活动状态),或者是否有一种方法可以通过编程确定当前正在使用哪一种颜色并将其删除?我想我可以在ready函数上使用一个全局变量来跟踪它,但是有更好/更优雅的方法吗Jquery 如何动态更改html的背景色?,jquery,html,css,background-color,Jquery,Html,Css,Background Color,我想更改html或正文的背景(渐变)以响应事件。是否可以使用jQuery更改背景颜色属性?或者(我有CSS类*中描述的背景渐变)我需要删除类然后添加类吗?如果是后者,我有一个小小的难题:我将使用三种不同的颜色。我是否需要通过removeClass删除其他两种颜色(尽管很明显,只有一种颜色处于活动状态),或者是否有一种方法可以通过编程确定当前正在使用哪一种颜色并将其删除?我想我可以在ready函数上使用一个全局变量来跟踪它,但是有更好/更优雅的方法吗 下面是一个CSS类示例,使用以下方法生成:
- 下面是一个CSS类示例,使用以下方法生成:
- 我会这样做
$('someElement').click(function(){ // 1
var newClass = $(this).attr('toggleColor'); // 2
$(document.body).removeClass('color1 color2 color3').addClass(newClass); // 3
});
-----细节------
台阶
我会这样做的
$('someElement').click(function(){ // 1
var newClass = $(this).attr('toggleColor'); // 2
$(document.body).removeClass('color1 color2 color3').addClass(newClass); // 3
});
-----细节------
台阶
所有这些都可以通过jQuery更改。您可以直接更改对象的属性,或者使用jQuery在预定义的两个不同类之间进行选择(如果您只想在两组精心设计的设置之间进行交换)。是的,您自己基本上已经回答了问题。就我个人而言,我认为我会选择这个变量——我认为这是一个很好的方法。这个问题已经被问过很多次了。看看下面的@questionremover,不,我不使用IE:我使用Chrome、Opera和Firefox。我在iPhone上发布了这个问题;因此,谷歌将safari视为IE;)所有这些都可以通过jQuery更改。您可以直接更改对象的属性,或者使用jQuery在预定义的两个不同类之间进行选择(如果您只想在两组精心设计的设置之间进行交换)。是的,您自己基本上已经回答了问题。就我个人而言,我认为我会选择这个变量——我认为这是一个很好的方法。这个问题已经被问过很多次了。看看下面的@questionremover,不,我不使用IE:我使用Chrome、Opera和Firefox。我在iPhone上发布了这个问题;因此,谷歌将safari视为IE;)