
問題9:クラスを削除しよう
jqueryを使って、クラスを削除しましょう!
HTML/CSSファイルに以下をコピペしてください。
HTML/CSSファイルに以下をコピペしてください。
あらかじめエディタに書くコード
<p class="blue is-active">この文字を赤色にしてください。</p>
¥HTML¥
p.is-active {
color: red;
}
p.blue.is-active {
color: blue;
}
¥CSS¥
期待する画面

解答ソースコード
$(function() {
$('p').removeClass('blue');
})
¥JavaScript¥
<!-- jqueryの読み込み -->
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<p class="blue is-active">この文字を赤色にしてください。</p>
¥HTML¥
p.is-active {
color: red;
}
p.blue.is-active {
color: blue;
}
¥CSS¥
完了にする!
活動記録をTweetする
1.JavaScriptでできること
addClassメソッドと合わせて覚えるようにしましょう。