<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
<meta charset="UTF-8">
<!--<!– <script src="js_file01.js"></script>–> 尽量放后body前边-->
<script src="jquery-3.5.1.js"></script>
</head>
<body>
<div class="div1">hello1
<div class="div8">hello8</div>
<div class="div9">hello9</div>
<div class="div10">hello10</div>
<div class="div2">hello2
<div class="div3">hello3</div>
</div>
<div class="div4">hello4</div>
<div class="div5">hello5</div>
<div class="div6">hello6</div>
<div class="div7">hello7</div>
</div>
<script>
// $(".div1").children().css("color","red"); // children 只找儿子
// $(".div1").children(".div2").css("color","red");
// $(".div1").find(".div2").css("color","red"); // find 儿子和孙子
// $(".div2").next().css("color","red"); // next: 下一个（同级）
// $(".div2").nextAll().css("color","red"); // nextAll: 下面的所有（同级）
// $(".div2").nextUntil(".div6").css("color","red"); // nextUntil: .div2 -.div5（不含div6）
// $(".div2").prev().css("color","red"); // prev：上一个
// $(".div2").prevAll().css("color","red"); // prevAll: 上面所有
// $(".div2").prevUntil(".div8").css("color","red"); // nextUntil: .div10 -.div9(不含div8)
// $(".div2").parent().css("color","red"); // .div2的父是div1，全变
// $(".div3").parentsUntil(".div1").css("color","red"); // parentsUntil: .div3到.div1，不包括.div1
$(".div2").siblings().css("color","red");
</script>
</body>
</html>
浙公网安备 33010602011771号