このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

jQuery cssクラスを追加、削除する。addClass() , removeClass(),toggleClass

この記事は最終更新日から1年以上が経過しています。

jQueryでCSSのクラスを追加したり、削除したりする方法です。

クラスを追加

addClass() でクラスの追加を行えます。

jQuery 例:

$("#hoge").addClass("hogeHoge");

クラスを削除

removeClass() でクラスの追加を行えます。

jQuery 例:

$("#hoge"). removeClass("hogeHoge");

クラスを追加、または削除

また、toggleClass()は、指定のクラスがなければ追加、ある場合は削除する事が出来ます。
onとoffの機能を持っています。(この事をトグルといいます。)

toggleClass() でクラスの追加、削除を行えます。
jQuery 例:

$("#hoge").toggleClass("hogeHoge");

Related Article

LATEST NEWS

RANKING

ARCHIVE

SPONSOR

現在、掲載募集中です。



Links

現在、掲載募集中です。



About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。