jQuery Girl
  1. jQuery Girl
  3. Supprimer la couleur d’arrière-plan / les images pour tous les éléments avec jQuery
Intereting Posts
Comment trouver le plus court div avec JQuery Comment obtenir un tableau de valeur d’atsortingbut à partir d’éléments d’un object jQuery Existe-t-il un moyen de remplacer l’action du bouton d’actualisation? Comment créer un tableau javascript associatif {} avec des noms de clé dynamics? Désactivation de ctrl-clic sur jquery ui selectable Comment puis-je sélectionner un champ caché par valeur? Chaîne de vérification jquery / javascript pour plusieurs sous-chaînes GetListItems Webservice ignore mon filtre de requête Jquery Update as type Obtenir une variable ASP classique à partir de JSON posté asp post back issue et contrôles HTML Utilisation de sites Web à page unique et maintien de l’état à l’aide d’un hachage d’URL et de jQuery Utiliser jquery sur Marionette itemView pour appendClass à cela. $ El Chaîne de listes déroulantes créées dynamicment avec JQuery Requête REST SharePoint SP.UserProfiles.PeopleManager

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

Existe-t-il un moyen simple d’utiliser jQuery pour supprimer tous les styles d’arrière-plan d’une page? Plus précisément, il faut supprimer la couleur de fond et les images.

Très simple avec jQuery … 

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

jsFiddle .

Si vous n’aviez pas jQuery à votre disposition … 

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

jsFiddle . 

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

HTML 

 
     
    •  
    •  
    •

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