2014-07-27 6 views
1

Я пытаюсь удалить фоновое изображение, используя jquery.But его не происходит, но используя тот же формат, что я могу изменить цвет фонакак удалить фоновое изображение с помощью JQuery с именем класса

<html> 
<head> 
<style> 
h1 
{ 
background-image:url('paper.gif'); 
background-color:#cccccc; 
} 
</style> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 

    $("h1").each(function(index) { 
    $("."+$(this).attr("class")).css('background-image' , 'none'); 

    }); 

}); 
</script> 
</head> 


<h1 class="RED">This is a heading</h1> 
<h1 class="YELLOW">This is a heading</h1> 
<h1 class="RED">This is a heading</h1> 
</html> 
+0

попробовать '' '' вместо ' 'none'' –

+0

@ Mr.coder- К сожалению, это не сработало – Shanmugam

+0

попробовать @ Аарона решение –

ответ

1
<script> 
$(document).ready(function(){ 



    $("h1").each(function(index) { 
    $("."+$(this).attr("class")).css({"background":"none"}); 



    }); 

}); 
</script> 
3

Вы не нужен класс часть, попробуйте следующее:

<script> 
$(document).ready(function() { 
    $("h1").css({'background-image' , 'none'}); 
}); 
</script> 

В JQuery, вы не изменяя таблицу стилей, вы изменяете DOM после таблицы стилей были применены, так просто атаковать элемент непосредственно.

+0

извините, это не сработало – Shanmugam

+0

он должен работать. –

+0

Извините, я очистил его и добавил скобки {}, которые должны работать сейчас. – Aaron

0

попробовать этот

$('h1').css('background-image', 'none'); 
+0

Почему это работает? Пожалуйста, объясните свой ответ. – Qix

Смежные вопросы