怎么利用jquery修改css content伪类中的内容

html内容：
css：
.icon-menu:before {
content: "\f0da";
}
jquery代码：
$("#icon").css("content",'"\f0d7"');$("#icon").
我想利用jquery把content中的内容改成content: "\f0d7";,求助大神解答，我利用alert弹出content的内容，alert($("#icon").css("content"));显示为none是什么情况啊？？？

没法直接修改属性
再定义一个class，通过addClass方式切换，

这个我知道，可是我不知道为什么这样不行呢，新手求大神指教

这个我知道，可是我不知道为什么这样不行呢，新手求大神指教

$('.test:after').css('content')

伪类改不了，可以往style中动态添加规则覆盖伪类

 <style id="Style">
    .icon-menu:before {content: "xx";}
</style>
<div class="icon-menu">abc</div>
<script>
    var style = document.getElementById('Style');
    style.innerHTML += '.icon-menu:before {content: "bb";}';
</script>