Question

我说20个div。有没有办法可以在不进行循环的情况下同时更改所有div的背景颜色。也许如果我将div命名为全部相同？我该怎么做呢？

不知道是否有办法只获取组名并更改bgcolor。感谢您的投入，非常感谢！

Answer 1

给他们一个类似<div class='something'>...</div>的课程然后你可以这样做：

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

在您的CSS中，您将拥有：

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

Answer 2

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

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

这会将所有背景颜色改为可爱的粉红色。

如果您只想更改div的部分，可以给他们上课

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

然后将选择器更改为

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

否则，快速阅读jQuery选择器文档，或jQuery的一些更温和的介绍，应该让你走上正确的轨道

Answer 3

您想要使用类属性。

<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 4

如果您需要使用特定值更改值，则可以执行以下操作：

首先，你需要在各自的div上有一个类，比如'bgGroup'，例如：

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类，你可以添加包含你想要的背景颜色的类。可能会有更多的管道，比如删除其他类，然后添加所需的类，如果你需要多次更改它。

你需要一些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');

同时更改多个div的背景颜色

4 个答案: