childrenとfindを使い分けよう
問題
findとchildrenの使い分けはできますか?今回の問題がすんなり解ける方は理解できていると思います。
自分の環境に書くコード
<div class="box">
<div class="parent">
<div class="child"></div>
</div>
</div>
¥HTML¥
.parent{
width: 200px;
height: 200px;
}
.child{
width: 100px;
height: 100px;
}
¥CSS¥
期待する画面
解答ソースコード
$(function () {
$(".box").find("div").css("background-color","blue");
$(".box").children("div").css("background-color","red");
});
¥JavaScript¥
完了にする!
解説