如何改变css值

Question

我在这样的css文件中有一个类

#current a::after {
    background: #fff;
    z-index: 3;
}

我需要点击复选框

来更改背景颜色

$(document).ready(function(){
    $(".element" ).click(function(){    

        $("#current a::after").css("background-color:", "red");     

    });

我的代码的正确语法是什么？

Answer 1

根据这篇文章（https://stackoverflow.com/a/5041526/3349272），用jquery操作CSS伪元素是不可能的。

但这是解决问题的方法......

Jquery的

$(document).ready(function(){
    $(".element" ).click(function(){   
        $("#current a").addClass("after");     
    });
});

（您也可以使用＆＃34; toggleClass＆＃34;取决于您尝试实现的目标。）

CSS

#current a.after:after{
    background-color: red;
}

这只是针对同一问题的不同解决方案。通过添加类和新的CSS样式，您可以实现相同的输出。

Answer 2

您的财产中有一个不必要的:。

jQuery中的css()函数将采用2个参数（属性，值）进行单个更改：

$('div').css('background-color','#fff');

或多个更改的对象：

$('div').css({'background-color':'#fff', 'color':'#000'});