問題
10
          JavaScript
          
      クラスのつけ剥がしをしよう
JavaScriptの問題に挑戦しよう!
問題
「クラスのつけ剥がしをしよう」
jqueryを使って、クラスのつけ剥がしをしよう!
あらかじめエディタに書くコード
                    <p>クリックしたら文字を赤色→黒色にスイッチしよう。</p>
¥HTML¥
                
                                            
                    p.is-active {
    color: red;
}
¥CSS¥
                
                                        期待する画面
解答と解説(クラスのつけ剥がしをしよう)
解説
                                          LINE登録して解答を見る
                      
                  ※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
                    classのつけ剥がしをする為には、toggleClass()メソッドを使用します!
今回のように、クリックイベントなどで毎回クラスをつけたり剥がしたりするのに最適なメソッドです。アコーディオンなどの実装でもかなり使うので覚えてましょう!
                  
 
                     
           
         
               
                         
                     
                     
                     
                     
       
       
       
      