jQueryですべての要素の背景色や画像を削除します

Question

jQueryを使用してページ上のすべての背景スタイルを削除する簡単な方法はありますか？具体的には、背景の色や画像を削除する必要があります。

Answer 1

jQueryを使って実シンプルな...

$('*').css('background', 'transparent'); 

jsFiddle。

あなたは

var allElements = document.getElementsByTagName("*"); 

for (var i = 0, length = allElements.length; i < length; i++) { 
    allElements[i].style.background = "none"; 
} 

jsFiddle ...あなたの処分でのjQueryを持っていなかった場合。ここで

Answer 2

HTML

<ul> 
<li class="one"><a href="#"></a></li> 
     <li class="two"><a href="#"></a></li> 
     <li class="three"><a href="#"></a></li> 
</ul> 

CSS

.bg1 { background: url(images/red.jpg) repeat-x; background-color: #6c0000; } 
.bg2 { background: url(images/orange.jpg) repeat-x; background-color: #5A2A00; } 
.bg3 { background: url(images/blue.jpg) repeat-x; background-color: #00345B; } 

JS

$(document).ready(function(){ 

     $("li.one").click(function(){ $ 
    ("body").removeClass('bg2 , bg3').addClass("bg1"); 
}); 

$("li.two").click(function(){ $ 
    ("body").removeClass("bg1 , bg3").addClass("bg2"); 
}); 

$("li.three").click(function(){ $ 
    ("body").removeClass("bg1 , bg2").addClass("bg3"); 
}); 

}); 

Answer 3

$('*').css('background', 'transparent');