如何处理：之前：jQuery中的CSS（伪类）？

Question

我遇到了问题。

问题

我有一个滑块，下一个和上一个按钮是我的：before和：after。

.about .slider:after
{
    content:"⇁";
    display:block;
    position:absolute;
    font-size:60px;
    color:#093;
    top:100px;
    right:0px;
    cursor:pointer;
    z-index:99

}

.about .slider:before

{
    content:"↼";
    display:block;
    position:absolute;
    font-size:60px;
    color:#093;
    top:100px;
    cursor:pointer;
    z-index:99
}

现在我想使用jQuery在click上设置一个函数。如何处理这些伪类。

我试过这样：

$(document).ready(function(e) {
           $('.about').on('click', '.slider:before',function(){
                //action on click function
           });
        });

浏览器说

未捕获错误：语法错误，无法识别的表达式：unsupported pseudo：before

这里有什么问题？