点击li 该li变色 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function() {
                //$(this)  点击哪个li  $(this)就代表哪个li
                //siblings()   表示当前选中的li的兄弟
                $("li").click(function() {
                    $(this).css("background-color","pink");
                    $(this).siblings().css("background-color","white");
                });
            });
        </script>
    </head>
    <body>
        <ul>
            <li>第一个li</li>
            <li>第二个li</li>
            <li>第三个li</li>
            <li>第四个li</li>
            <li>第五个li</li>
            <li>第六个li</li>
        </ul>
    </body>
</html>

 

posted @ 2022-02-18 16:59  翘中之楚  阅读(121)  评论(0)    收藏  举报