Supprimez la couleur d'arrière-plan / images pour tous les éléments avec jQuery

Est-il une façon simple d'utiliser jQuery pour supprimer tous les styles d'arrière-plan sur une page? Plus précisément, besoin de supprimer la couleur d'arrière-plan et les images.

source d'informationauteur Ian McIntyre Silber

  1. 29

    Réel simple avec jQuery...

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

    jsFiddle.

    Si vous n'avez pas de jQuery à votre disposition...

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

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

    jsFiddle.

  2. 1
    $('*').css('background', 'transparent');
  3. -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");
 }); 

});