jquery筛选器

最新推荐文章于 2023-06-26 14:32:29 发布

jiang_xiaoo24

最新推荐文章于 2023-06-26 14:32:29 发布

阅读量139

点赞数

分类专栏： python

本文链接：https://blog.csdn.net/jiang_xiaoo24/article/details/108911845

版权

python 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>筛选器</title>
</head>
<body>
<div class="div1">hello1

    <div class="div2">hello2
        <div class="div3" id="test">hello3</div>
    </div>
    <div class="div3">hello33</div>
</div>
<div class="div4">hello4</div>
<div class="div5">hello5</div>
<div class="div6">hello6</div>
<div class="div7">hello7</div>
</body>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    //$(".div1").children(".div3").css("color","red") //查找的是div1的子代
    //$(".div1").find(".div3").css("color","red") //查找的是div1的所有的后代
    //$(".div1").next().css("color","red")//毗邻的下一个
    //$(".div1").nextAll().css("color","red") //毗邻的剩余的所有的
    //$(".div1").nextUntil(".div5").css("color","red") //知道第x个不包含本身
    //$(".div4").prev().css("color","red")//div4前面的所有的
    //$(".div2").parent().css("color","red")//parent是包含了父辈的所有的后代
    //$("#test").parent().css("color","red")//parent是包含了父辈的所有的后代
    //$(".div2").parents().css("color","red") //父代的父代下的所有子代
    //$("#test").parentUntil(".div1").css("color","red") //父代的父代下的所有子代
    $(".div2").siblings().css("color","red")//div2下的子代
</script>

</html>