同時更改多個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');