
問題8:クラスを追加しよう
jqueryを使って、クラスを追加させましょう!
あらかじめエディタに書くコード
<p>この文字を赤色にしてください。</p>
¥HTML¥
p.is-active {
color: red;
}
¥CSS¥
期待する画面

解答ソースコード
$(function() {
$('p').addClass('is-active');
})
¥JavaScript¥
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<p>この文字を赤色にしてください。</p>
¥HTML¥
p.is-active {
color: red;
}
¥CSS¥
#忍者CODE無料問題集で活動を記録しよう
完了にする!
1.JavaScriptでできること
今回のように、classを追加したら何か別の状態になるという場合に多用されるので、必ず覚えましょう!