jquery - 如何更改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 伪元素是不可能的。

但是这里有一个解决您的问题的方法...

查询

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

(您也可以使用“toggleClass”，具体取决于您要实现的目标。)

CSS

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

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