Javascript 如何使用jQuery切换更改css的内容

我有一个由css内容属性制成的navicon

代码如下所示

#nav:before {
    content: '=';
}

函数导航（）{
$（“#导航”）。单击（函数（）{
$（“#切换”）。滑动切换（600）；
$（'#toggle'）.css（{
“内容”：“x”
}); 
});
}
window.onload=导航；



也许这会对你有所帮助


函数导航（）{
//$（“#切换”）.hide（）；
$（“#单击我”）。单击（函数（）{
$（“#切换”）。滑动切换（600）；
$（'#toggle'）.attr（'data-content'，'pppp'）；
});
}
$（document）.ready（函数（）{navigation（）；}）
#切换：之后{
内容：attr（数据内容）；
}

点击我
您可以尝试类似的方法

HTML

<button>BUTTON</button>
<div class="nav pseudo"></div>

CSS

$('button').click(function() {

    $('.nav').slideUp(function() {
        var nav = $(this);
        if(nav.hasClass('pseudo')) {
            nav.removeClass('pseudo');
            nav.addClass('active');
        } else {
            nav.removeClass('active');
            nav.addClass('pseudo');
        }
    }).slideDown();

});

.nav {
    padding: 5px;
    border: 1px solid black;
    display: inline-block;
}

.active:before {
    content: "x";
}

.pseudo:before {
    content: "=";
}

我为navgive style元素设置了giver id切换，我还没有尝试过简单的样式代码中的主要问题是“您不应该在ONLOAD部分使用JQUERY”以$（document.ready（function（）{navigation（）；}）的形式以正常方式尝试；