jQuery中li的变化

最新推荐文章于 2020-12-25 21:59:28 发布

西红柿炒番茄AB

最新推荐文章于 2020-12-25 21:59:28 发布

阅读量435

点赞数

分类专栏： jQuery 前端文章标签： jquery

本文链接：https://blog.csdn.net/a_sid/article/details/53469993

版权

前端同时被 2 个专栏收录

35 篇文章 0 订阅

订阅专栏

jQuery

9 篇文章 0 订阅

订阅专栏

<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="./jquery-2.2.4.min.js"></script>
        <script type="text/javascript">
            $(function() {
                //ul的直接子节点是红色
                //$("ul>li").css("color", "red");
                //ul的兄弟节点的所有子节点是红色
                //$("ul~li").css("color","red");
                //ul的兄弟节点的第一个子节点
                //$("ul+li").css("color","red");
                //ul的第一个li子节点
                //$("ul li:first").css("color","red");
                //ul的最后一个子节点
                //$("ul li:last").css("color", "red");
                //偶数项（li的下标是从0开始的）
                //$("ul li:even").css("color", "red");
                //奇数项（li的下标是从0开始的）
                //$("ul li:odd").css("color", "red");
                //ul的第4个li子节点(li的下标是从0开始的)
                //$("ul li:eq(3)").css("color","red");

            $("ul li:not('.c')").css("color","red");

            });
        </script>
    </head>

    <body>
        <h2 id="hid">jQuery实例--层级选择器</h2>
        <ul>
            <li>aaaa</li>
            <li>bbbb</li>
            <li>cccc</li>
            <ol>
                <li class="c">ddd</li>
                <li>eee</li>
            </ol>
        </ul>
        <li>AASA</li>
        <li>BBBB</li>
    </body>
</html>