問題

10
JavaScript

クラスのつけ剥がしをしよう

JavaScriptの問題に挑戦しよう!

問題

クラスのつけ剥がしをしよう

jqueryを使って、クラスのつけ剥がしをしよう!

あらかじめエディタに書くコード

                    <p>クリックしたら文字を赤色→黒色にスイッチしよう。</p>
¥HTML¥
                
                    p.is-active {
    color: red;
}
¥CSS¥
                

期待する画面

解答の画像

解答と解説(クラスのつけ剥がしをしよう)

解説

LINE登録して解答を見る

※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます

classのつけ剥がしをする為には、toggleClass()メソッドを使用します!
今回のように、クリックイベントなどで毎回クラスをつけたり剥がしたりするのに最適なメソッドです。アコーディオンなどの実装でもかなり使うので覚えてましょう!

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

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