美文网首页
jQuery添加/移除伪类(hover)

jQuery添加/移除伪类(hover)

作者: 1CC4 | 来源:发表于2020-02-20 18:01 被阅读0次

    伪类演示:


    如图:伪类(hover)是正常使用,但是我们点击了当前选项之后不需要当前选项也存在伪类,所以我们需要移除掉当前选项的hover.

    移除伪类:removeClass(hover)

    结果是同上,没有任何变化。

    :hover是伪类,伪类是自动应用于元素的,不需要在元素本身上设置。没有设置就没法删除。所以要加一个真正的类

    m-item:通用类
    item-hover:伪类hover
    active-item:点击添加类

    <li class="m-item item-hover active-item">
        <span> 主页</span>
        <span class="glyphicon glyphicon-menu-right"></span>
    </li>
    <li class="m-item item-hover">
        <span>我的课程</span>
        <span class="glyphicon glyphicon-menu-right"></span>
    </li>
    
    li.item-hover:hover {
        cursor: pointer;
        background: rgba(0, 137, 210, .2);
        color: teal;
    }
    
    $(".my-menu ul li").addClass("item-hover");
    $(this).removeClass("item-hover");
    

    这样就可以做到添加/移除伪类:

    相关文章

      网友评论

          本文标题:jQuery添加/移除伪类(hover)

          本文链接:https://www.haomeiwen.com/subject/fbzxqhtx.html