jQueryオブジェクト .removeClass()

jQueryオブジェクトにマッチするHTML要素のclass属性からクラスを削除する。

概要

jQueryObject.removeClass(class)

引数

class

jQueryオブジェクトにマッチするHTML要素のclass属性から削除するクラスを指定する。クラスは空白で区切って複数指定できる。

戻り値

jQueryオブジェクト

使用例

removeClass メソッドの使用例を以下に示す。

CSS

.italic {
  font-style: italic;
}
.underline {
  text-decoration-line: underline;
}

HTML

<p id="example" class="italic underline">
  The quick brown fox jumps over the lazy dog.
</p>
<button id="btn">Remove class</button>

JavaScript

$("#btn").click(function (){
  $("#example").removeClass("italic underline")
})

実行結果

The quick brown fox jumps over the lazy dog.

参考文献

OpenJS Foundation 2023. .removeClass(). jQuery API Documentation