Eliminar el color/las imágenes de fondo de todos los elementos con jQuery

Question

¿Existe alguna manera sencilla de usar jQuery para eliminar todos los estilos de fondo en una página? Específicamente, necesita eliminar el color de fondo y las imágenes.

Answer 1

sencilla real con jQuery ...

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

jsFiddle.

Si no tiene a su disposición jQuery ...

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

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

jsFiddle.

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');