
クラスを削除しよう
問題
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¥
完了にする!
1.JavaScriptでできること
解説
addClassメソッドと合わせて覚えるようにしましょう。