Jquery 根据容器上的类别切换车身颜色

我们使用的是包含标签的1 index.html页面，在css中，主体设置为背景色#ddd。index.html页面是包含所有其他页面的主模板。所以我不能在正文上指定多个背景颜色，因为它只使用一个索引页

index.html中包含的其余页面，例如：services.html，将以以下内容开头：

 <div class="container">services content here</div>

我不知道具体怎么做

编辑：

这不会像这里的某个人发布的那样工作：

 $('.container').hasClass('bgWhite') {
    $('body').css('backround', 'white');
 } 

---

如果我想在身体上的多个背景色之间切换，我会如何处理多个背景色呢

您可以在任何事件上使用jQuery更改元素的背景：

$('button.bgWhite').click(function () {
    $('.container').css('background', 'white');
});

这将使用按钮进行操作，例如：

<button class="bgWhite">Set .container background to white</button>

将容器背景设置为白色

您可以在任何事件中使用jQuery更改元素的背景：

$('button.bgWhite').click(function () {
    $('.container').css('background', 'white');
});

这将使用按钮进行操作，例如：

<button class="bgWhite">Set .container background to white</button>

将容器背景设置为白色

您可以在任何事件中使用jQuery更改元素的背景：

$('button.bgWhite').click(function () {
    $('.container').css('background', 'white');
});

这将使用按钮进行操作，例如：

<button class="bgWhite">Set .container background to white</button>

将容器背景设置为白色

您可以在任何事件中使用jQuery更改元素的背景：

$('button.bgWhite').click(function () {
    $('.container').css('background', 'white');
});

这将使用按钮进行操作，例如：

<button class="bgWhite">Set .container background to white</button>

将容器背景设置为白色

首先，改变车身颜色的条件是什么

无论如何，您需要使用Javascript来完成此操作，方法是：

---

您可以。

首先，更改车身颜色的条件是什么

无论如何，您需要使用Javascript来完成此操作，方法是：

---

您可以。

首先，更改车身颜色的条件是什么

无论如何，您需要使用Javascript来完成此操作，方法是：

---

您可以。

首先，更改车身颜色的条件是什么

无论如何，您需要使用Javascript来完成此操作，方法是：

---

您可以。

仅使用“CSS”是不可能的。使用“Javascript”和“CSS”我们可以实现这一点。

仅使用“CSS”是不可能的。使用“Javascript”和“CSS”我们可以实现这一点。

仅使用“CSS”是不可能的。使用“Javascript”和“CSS”我们可以实现这一点。

仅使用“CSS”是不可能的。使用“Javascript”和“CSS”我们可以实现这一点。

您可以尝试使用Jquery，比如：

if ( $(".container").hasClass("bgBlue") ){
    $("body").css('background', 'blue');
};

---

这里有一个小把戏：

您可以用Jquery尝试一些东西，比如：

if ( $(".container").hasClass("bgBlue") ){
    $("body").css('background', 'blue');
};

---

这里有一个小把戏：

您可以用Jquery尝试一些东西，比如：

if ( $(".container").hasClass("bgBlue") ){
    $("body").css('background', 'blue');
};

---

这里有一个小把戏：

您可以用Jquery尝试一些东西，比如：

if ( $(".container").hasClass("bgBlue") ){
    $("body").css('background', 'blue');
};

这是一把小提琴：

演示=

Html

演示=

Html

演示=

Html

演示=

Html

---

---

仅css是不可能的。您如何知道要添加哪个颜色类？相对于页面类型（url地址）或其他方式？在哪个事件中您会“切换”？仅使用css不可能如何知道要添加哪个颜色类？相对于页面类型（url地址）或其他方式？在哪个事件中您会“切换”？仅使用css不可能如何知道要添加哪个颜色类？相对于页面类型（url地址）或其他方式？在哪个事件中您会“切换”？仅使用css不可能如何知道要添加哪个颜色类？相对于页面类型（url地址）或其他方式？在wich事件中，您是否会“切换”？谢谢，如果我想根据类别检测和使用多种背景颜色，我将如何设置name@John这里：你可以用这个。你能理解代码吗？如果您需要更多颜色，只需创建其他颜色，您将如何添加多于x4的颜色？也可以使用十六进制代码而不是红色、蓝色等？这是做什么的？函数bodyBackground（bodyB）{$（“body”）.css（'background'，bodyB）；}基本上当页面加载时，将执行条件（if，else if），如果.container具有bgBlue类，则条件将传递#0000ff for bodyBackground函数。像这样的。。。这很简单。。。知道了？如果你不明白，我会尽量说得更清楚…谢谢，如果我想检测和使用多种背景颜色，我该如何设置呢name@John这里：你可以用这个。你能理解代码吗？如果您需要更多颜色，只需创建其他颜色，您将如何添加多于x4的颜色？也可以使用十六进制代码而不是红色、蓝色等？这是做什么的？函数bodyBackground（bodyB）{$（“body”）.css（'background'，bodyB）；}基本上当页面加载时，将执行条件（if，else if），如果.container具有bgBlue类，则条件将传递#0000ff for bodyBackground函数。像这样的。。。这很简单。。。知道了？如果你不明白，我会尽量说得更清楚…谢谢，如果我想检测和使用多种背景颜色，我该如何设置呢name@John这里：你可以用这个。你能理解代码吗？如果您需要更多颜色，只需创建其他颜色，您将如何添加多于x4的颜色？也可以使用十六进制代码而不是红色、蓝色等？这是做什么的？函数bodyBackground（bodyB）{$（“body”）.css（'background'，bodyB）；}基本上当页面加载时，将执行条件（if，else if），如果.container具有bgBlue类，则条件将传递#0000ff for bodyBackground函数。像这样的。。。这很简单。。。知道了？如果你不明白，我会尽量说得更清楚…谢谢，如果我想检测和使用多种背景颜色，我该如何设置呢name@John这里：你可以用这个。你能理解代码吗？如果您需要更多颜色，只需创建其他颜色，您将如何添加多于x4的颜色？也可以使用十六进制代码而不是红色、蓝色等？这是做什么的？函数bodyBackground(