読者です 読者をやめる 読者になる 読者になる

jQuery

jQueryでクラスの制御

jQueryはよく使うんですが、よく使い方忘れるので、書いておきます。

// 追加
$("div").addClass("red")

// 除去
$("div").removeClass("blue")

// トグル
$("div").toggleClass("blue")

// トグルのオンオフ制御
$("div").toggleClass("blue", i%3 == 1)

  • toggleClass(class)
    • 指定したCSSクラスが要素に無ければ追加し、あれば削除する。
  • toggleClass(class, switch)
    • 指定したCSSクラスをswitchがtrueであれば追加し、falseなら、削除する。

注意するのは、与える引数にクラスであることを示す.を書かずクラス名を記述するということ。

以上!