Question

使用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');
});
});

Answer 1

这是 css类的用途。

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

的CSS：

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

jquery的：

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

或

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

或

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

希望有所帮助。

Answer 2

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

第一种方式：

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

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

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

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

第二种方式，

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

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

你会得到结果！

如果您不知道某个元素的css属性，并希望将其更改回其实际值，则第一种方法会更好。第二种方式是完美的，你知道你想要改变的价值观。

Answer 3

重置所有（内联）样式：

$("#galleryb").removeAttr("style");

用jQuery切换回原始颜色？

3 个答案:

第一种方式：

第二种方式，