Question

我喜欢HTML：

#bg {background:#fff url(img.png)}

我使用Jquery删除#bg id的背景，如

$('#remove-bg').click(function (){
$('#bg').css({'background':'none'}); });

如何通过另一个div的点击事件（例如：background:#fff url(img.png)）

返回它（#return-bg）

$('#return-bg').click(function (){
        //?????
}

Answer 1

处理它的最佳方法是定义另一个css规则并使用add / remove class。

CSS：

#bg.nobg{
    background: none;
}

jQuery的：

$('#remove-bg').click(function (){
   $('#bg').addClass('nobg'); 
});

$('#return-bg').click(function (){
    $('#bg').removeClass('nobg'); 
});

<强> Demo

Answer 2

将其保存到变量，然后在需要时使用它。实施例

var before = $('#bg').css('background');

$('#remove-bg').click(function (){
   $('#bg').css({'background':'none'}); 
});

$('#return-bg').click(function (){
   $('#bg').css({'background': before }); 
}

Answer 3

只需删除内联样式（jQuery将css（）函数的css附加为内联样式）：

$('#element').attr('style', '');

小例子：

http://jsfiddle.net/9RxvD/

在Jquery更改之后返回原始背景

3 个答案: