如何用unbind取消hover绑定？

html-css011

如何用unbind取消hover绑定？,第1张

hover 是css 伪类JQ的hover是dom 事件 这俩互相不影响的关系 所以你要去除hover只能改css 或者纯用hover后addClass removeClass模拟效果

<!doctype html>

<html>

<head>

<meta charset="utf-8" />

<style type="text/css">

    *{margin: 0padding:0}

    ul{width:102px}

    li{list-style:nonewidth:100pxheight:30pxmargin:10px}

    li a{display: blockwidth:100pxheight:30pxborder:1px solid #666}

    li:first-child a{background:blue}

    ul:hover li:first-child a{background:#fff}

    ul:hover li:hover a{background:blue}

    li:hove a{background: blue}

</style>

</head>

<body>

    <ul>

        <li class="item item1"><a href=""></a></li>

        <li class="item item2"><a href=""></a></li>

        <li class="item item3"><a href=""></a></li>

        <li class="item item4"><a href=""></a></li>

        <li class="item item5"><a href=""></a></li>

        <li class="item item6"><a href=""></a></li>

        <li class="item item7"><a href=""></a></li>

        <li class="item item8"><a href=""></a></li>

    </ul>

</body>

</html>