jQuery

2010-12-08 6 views
12

ile tüm öğeler için arka plan rengini/görüntülerini kaldırın Bir sayfada tüm arka plan stillerini kaldırmak için jQuery'yi kullanmanın basit bir yolu var mı? Özellikle, arka plan rengini ve görüntüleri kaldırmanız gerekir. jQuery ilejQuery

cevap

29

Oldukça basit ...

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

jsFiddle.

emrinde jQuery olmasaydı

...

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

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

jsFiddle.

+0

İşte bu yüzden! Yule Log-on Greasemonkey betiğinin tanıtımı: http://userscripts.org/scripts/show/92217. Mutlu tatiller! –

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

}); 
+0

pooja, kodu yukarıdaki 100101 veya ctnr-k kullanarak biçimlendirebilirsiniz – kobe

1
$('*').css('background', 'transparent'); 
+0

'' transparent'' '' none '' işlevinin avantajları nelerdir? – alex

+0

@alex - Görünürde 'transparent' geçerli özellik atamasıdır, burada "none" geçerli değil CSS2 ... Bkz. Http://stackoverflow.com/questions/8739665/is-background-colornone-valid-css –

+0

@ IanCampbell İlginç. 'şeffaf' öyle :) – alex