同时更改多个div的背景色

Question

我有20个div的说法。有没有一种方法可以在不进行循环的情况下同时更改所有div的背景颜色。也许如果我命名divs都一样？我该怎么做呢？

不知道是否有一种方法只获取组名和更改将bgcolor。感谢您的意见，非常感谢！

Answer 1

给他们就像<div class='something'>...</div>一类，那么你可以这样做：

$('.something').addClass('new-bg');

在CSS将会有：

.new-bg { 
    background-color: red; 
} 

Answer 2

您将要使用类属性。

<div class="group-1"><!-- content --></div> 
<div class="group-1"><!-- content --></div> 
<div class="group-1"><!-- content --></div> 
<div class="group-1"><!-- content --></div> 

然后，使用jQuery你可以这样做：

$(".group-1").css('background-color','#ccc'); 

见jQuery.css()

Answer 3

是的，使用dom是jQuery最擅长的。最简单的方法是

$('div').css('background-color', '#f0f'); 

这将改变所有的背景颜色到一个可爱的粉红色阴影。

如果你只是想改变div的的一些，你可以给他们一个类

<div class="pickme'>...</div> 

然后你选择像

$('div.pickme').css('background-color', '#f0f'); 

否则改变的东西，快速读通过jQuery选择器文档或jQuery的一些更温和的介绍应该会帮助您走上正确的道路

Answer 4

如果您需要改变与特定值的值，你可以做到以下几点：

首先，你需要有一个类，像“bgGroup”，你的各个div的，如：

HTML ...

<div class='bgGroup'>div #1</div> 
<div class='bgGroup'>div #2</div> 
<div class='bgGroup'>div #3</div> 

，并改变你的脚本的背景颜色...

$('.bgGroup').css('background-color', '#cccccc'); 

在另一方面，如果你有一个特定的CSS类，你可以只添加包含BAC类你渴望的kground颜色。有可能会有更多的管道，如删除其他类，然后添加所需的一个，如果你不得不改变它多次。

您将需要一些CSS ...

.old-bg-class { 
    backgroundColor: #ffffff; 
} 

.new-bg-class{ 
    backgroundColor: #cccccc; 
} 

一些类你的HTML属性...

<div class='bgGroup'>div #1</div> 
<div class='bgGroup'>div #2</div> 
<div class='bgGroup'>div #3</div> 

，并改变你的脚本的背景颜色...

$('.bgGroup').addClass('new-bg-class');