Question

我正在尝试使用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>

Answer 1

你不需要班级部分，试试这个：

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

在jQuery中，你没有修改样式表，你在应用样式表后修改DOM，所以只需直接攻击元素。

Answer 2

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



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



    });

});
</script>

Answer 3

试试这个

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

如何使用带有类名的jquery删除背景图像

3 个答案: