問題

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の優先順位は状況にもよりますが、基本的には後から適用された方を優先することになっています。

さらにスキルアップしたい方は公式LINEから「jQuery」と送信すると動画が見れます。

LINE登録して動画を視聴する
学習の事・キャリアの事、何でもOK!無料相談に申し込む