むねひろ@プログラマープログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。munehirojQueryでクラス属性にクラスを追加・削除する方法ツイートシェアはてブLINEPocketHTMLの要素に対し、動的にクラスを追加もしくは削除をする方法です。スタイルを直接追加しても同じだけど、追加するスタイルが予め決まっていて、複数ある場合にはスタイルシートを定義しておいてそのクラスを追加したり削除したりすればコードもすっきりします。以下のようなHTMLがあります。id="idname">本日は晴れです。id="idname">本日は晴れです。</p>このHTML要素のスタイルをボタンで切り替えたいとします。適用されるスタイルは、文字の色を赤にし、文字を大きくして、文字を太字にするものです。36px;}上記のスタイルを追加すると赤くて大きくて太い文字になるということです。いうクラスを追加します。デモページのボタンAの動きです。複数のクラスを追加する場合は以下のように書きます。いうクラスを削除します。デモページのボタンBの動きです。複数のクラスを削除する場合は以下のように書きます。いうクラスを持っているかどうかを判定します。クラスを削除し、持っていなければ追加するということが出来ます。デモページのボタンCの動きです。クラスの有り無し切り替え「指定したクラスを持っているか判定する」でのサンプルコードですが、if文を使ってごたごた書かなくても1行でさっくり書くことが出来ます。クラスを持っていれば削除し、無ければ追加してくれます。デモページのボタンDの動きです。