jQuery选择器案列

最新推荐文章于 2024-09-30 15:23:15 发布

riverrun_z

最新推荐文章于 2024-09-30 15:23:15 发布

阅读量78

点赞数

分类专栏： jquery 文章标签： jquery javascript css3

本文链接：https://blog.csdn.net/weixin_48047636/article/details/124750045

版权

本文详细介绍了jQuery的各种选择器，包括子元素过滤、基本过滤和内容过滤，通过实例展示了如何在实际开发中灵活运用，提升DOM操作效率。

摘要由CSDN通过智能技术生成

子元素过滤选择器

<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <ul>
        <li>1</li>
    </ul>
    <script src="../jquery-1.8.3.min.js"></script>
    <script>
        //获取ul下的所有第一li元素
        $("ul>li:first-child").css('background-color','yellow');
        //获取偶数位置下的元素
        $("ul>li:nth-child(even)").css('background-color','pink');
        //获取ul下所有的最后一个li元素
        $("ul>li:last-child").css('background-color','green'