JQ设置伪元素

Question

<ul id="menu-nav-menu-ch" class="nav navbar-nav">

    <li id="3">

        <a href="http:#">品牌理念</a>

        <ul class="sub-menu">

            <li>

                <a href="#">大宗商品期货套利</a>

            </li>

            <li>

                <a href="#">私募基金发行</a>

            </li>

            <li>

                <a href="#">益商仓储物流</a>

            </li>

        </ul>

    </li>

    <li id="4">

        <a href="#">品牌种类</a>

        <ul class="sub-menu">

            <li id="menu-item-795"><a href="#">鲜果</a></li>

            <li id="menu-item-796"><a href="#">果干</a></li>

            <li id="menu-item-798"><a href="#">果酱</a></li>

            <li id="menu-item-798"><a href="#">酵素</a></li>

        </ul>

    </li>

</ul>

设置css为.navbar-nav > li > a:after {

我想当鼠标放到id=3的li时，改变这个li的：after中的visibility. 用JQ该怎么写？