使用jQuery删除所有元素的背景颜色/图像

Question

是否有一种简单的方法可以使用jQuery删除页面上的所有背景样式？具体来说，需要删除背景颜色和图像。

Answer 1

使用jQuery真的很简单......

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

jsFiddle

如果你没有jQuery可供你使用......

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

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

jsFiddle

Answer 2

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

Answer 3

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");
 }); 

});