jquery子元素过滤选择器

最新推荐文章于 2019-09-12 15:09:46 发布

炎炎夏日_123

最新推荐文章于 2019-09-12 15:09:46 发布

阅读量398

点赞数

CC 4.0 BY-SA版权

分类专栏： Ajax和JQuery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/qq_27603235/article/details/51424584

Ajax和JQuery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用jQuery简化DOM操作的方法，通过选择特定的子元素进行批量处理，包括添加不同的CSS类。此技巧适用于快速修改页面元素的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写图片描述
通过选择表单中的子元素来实现对元素的批处理操作。
HTML代码：

<div class="one">
        <div class="child">

        </div>
        <div class="child">

        </div>
        <div class="child">

        </div>
    </div>

jquery代码为：

    $("#operate3").click(function(){
        console.info("操作3");
        $("div.child:nth-child(2)").addClass("second-child");//选择class为one的第二个子元素。
        $("div.child:last-child").addClass("aaa");//选择class为one的第一个子元素。
        $("div.child:first-child").addClass("first-child");//class为one的最后一个元素。
        $(".one>div:nth-child(3)").addClass("last-child");//class为one的唯一一个元素。
    });