「jQuery」removeClassメソッドを使ってclassを削除する

2014年2月8日2021年11月26日

環境
jQuery 3.5.1

構文
$(セレクタ).removeClass(クラス);
$(セレクタ).removeClass(クラス1,クラス2);

使用例

<style>

  .cftA {
    border: 3px solid red;
  }
  .cftB {
    background: skyblue;
  }
</style>

<div id="ta">
  <div id="tb" class="cftA cftB">test data 12345</div>
</div><br>
<input type="button" class="btnDel" value="削除" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  // ボタン「btnDel」を押す
  $(".btnDel").click(function () {
  　//クラスcftBを削除します
    $("#tb").removeClass("cftB");
  });
</script>

動作確認
「削除」ボタンを押すと、クラス「cftB」を削除します