-2

使用 jQuery 库使 div 淡入淡出。如何切换回原始颜色？（background-color:blue and color:white）

<script> 
    $(document).ready(function(){
        $("#galleryb").click(function(){
            $(".panel").fadeToggle(500);
            $("#galleryb").css("background-color","#fff");
            $("#galleryb").css("color","#000");
        });
    });
</script>

解决方案：

$(document).ready(function(){
$(".galleryb").click(function(){
$(".panel").fadeToggle(500);
$('.galleryb').toggleClass('cls_name');
});
});
4

3 回答 3

5

这就是CSS 类的用途。

而不是通过 javascript/jQuery 操作内联样式，尝试：

CSS：

.cls_name{background:red;color:blue;}

jQuery：

$('#element').addClass('cls_name');

或者

$('#element').removeClass('cls_name');

或者

$('#element').toggleClass('cls_name');

希望有帮助。

于 2013-10-20T11:00:21.247 回答
0

有两种方法可以做到这一点：

第一种方式：

您可以使用以下方法保存当前的 CSS 属性：

$('selector').css('background-color');

并将它们保存为变量，然后当您想要将它们更改回来时，使用变量并将值设置为：

$('selector').css('background-color', varvalue);

第二种方式，

如果您知道要将它们改回什么值，那么您可以尝试使用简单的 jQuery 方式，就像您最初所做的那样：

$("#galleryb").css("background-color","blue");
$("#galleryb").css("color","white");

你会得到结果！

如果您不知道某些元素的 css 属性，并且想将其更改回其真实值，则第一种方法会更好。第二种方法是完美的，您知道要改回的值。

于 2013-10-20T11:03:10.927 回答
0

重置所有（内联）样式：

$("#galleryb").removeAttr("style");
于 2013-10-20T11:04:11.513 回答