jquery 高亮显示

<div class="wrap">
    <ul>
        <li><a href="#"><img src="imgs/01.jpg" alt=""/></a></li>
        <li><a href="#"><img src="imgs/02.jpg" alt=""/></a></li>
        <li><a href="#"><img src="imgs/03.jpg" alt=""/></a></li>
        <li><a href="#"><img src="imgs/04.jpg" alt=""/></a></li>
        <li><a href="#"><img src="imgs/05.jpg" alt=""/></a></li>
        <li><a href="#"><img src="imgs/06.jpg" alt=""/></a></li>
    </ul>
</div>

<script>
    $(function () {
        $(".wrap>ul>li").mouseenter(function () {
            $(this).css("opacity","1").siblings().css("opacity","0.4");
        });
        $(".wrap").mouseleave(function () {
            //让所有li变亮的几种方法
            //$("li");
            //$(".wrap li");
            //$(".wrap>ul>li");
            //$(this).children().children("li");
            $(this).find('li').css("opacity","1");
        });
    });
</script>

转载于:https://www.cnblogs.com/lujieting/p/10099429.html