jQuery

2010-12-08 9 views
12

के साथ सभी तत्वों के लिए पृष्ठभूमि रंग/छवियों को हटाएं पृष्ठ पर सभी पृष्ठभूमि शैलियों को हटाने के लिए jQuery का उपयोग करने का कोई आसान तरीका है? विशेष रूप से, पृष्ठभूमि रंग और छवियों को हटाने की जरूरत है।jQuery

उत्तर

29

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

+0

यहाँ क्यों है! Yule लॉग-ऑन Greasemonkey स्क्रिप्ट का परिचय: http://userscripts.org/scripts/show/92217। छुट्टियां आनंददायक हों! –

-2

एचटीएमएल

<ul> 
<li class="one"><a href="#"></a></li> 
     <li class="two"><a href="#"></a></li> 
     <li class="three"><a href="#"></a></li> 
</ul> 

सीएसएस

.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; } 

जे एस

$(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

पूजा, आप उपरोक्त 100101 या ctnr-k – kobe

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

का उपयोग करके कोड को प्रारूपित कर सकते हैं '' 'पारदर्शी' 'का उपयोग करने के क्या फायदे हैं' कोई नहीं '? – alex

+0

@alex - स्पष्ट रूप से 'पारदर्शी' वैध संपत्ति असाइनमेंट है, जहां 'none' मान्य सीएसएस 2 नहीं है ... देखें http://stackoverflow.com/questions/8739665/is-background-colornone-valid-css –

+0

@IanCampbell दिलचस्प है। 'पारदर्शी' यह है :) – alex