問題
3
jQuery
childrenとfindを使い分けよう
jQueryの問題に挑戦しよう!
問題
「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¥
期待する画面
解答と解説(childrenとfindを使い分けよう)
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
findは子や孫などのその要素内に存在するすべての要素から適切な要素を指定できます。それに対してchildrenはその要素の一つ下の階層の要素から適切な要素を取得してきます。今回の場合はparentには両方適用されてしまいますが、cssの優先順位は状況にもよりますが、基本的には後から適用された方を優先することになっています。