【jQuery入門】要素にclassを追加・削除する方法

所有時間1分

今回はjQueryで指定した要素にCSSファイル(スタイルシート)で定義したクラスを追加・削除する方法を紹介します。

目次

要素にクラス(class)を追加する

See the Pen Untitled by Tsunagu (@Tsunagu) on CodePen.

$("要素").addClass("クラス")

このようにjQueryで要素にクラスを追加するにはaddClassを使用します。

要素に複数のクラスを追加する

$("要素").addClass("クラス1 クラス2")

複数のクラスを要素に追加したい場合は、addClassにスペースを1つ空けて追記します。

要素からクラス(class)を削除する

See the Pen Untitled by Tsunagu (@Tsunagu) on CodePen.

$("要素").removeClass("クラス")

このように要素からクラスを削除するにはremoveClassを使用します。

要素から複数のクラスを削除する

$("要素").removeClass("クラス1 クラス2")

複数のクラスを要素から削除したい場合は、removeClassにスペースを1つ空けて追記します。

以上です。

URLをコピーする
URLをコピーしました!
目次
閉じる