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

Archives Details

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

jQuery

2011.11.16

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

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

クラスを追加

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

jQuery 例:

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

クラスを削除

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

jQuery 例:

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

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

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

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

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

Comment

Related Article

CSS3 jQueryでドラゴンクエスト風戦闘シーン作りました。

2012.01.13

jQuery 要素の属性を変更 attr

2011.11.16

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

2011.11.16

jQuery セレクタやcssを複数指定

2011.11.16

jQuery formのデータ値取得方法

2011.08.13

jQuery 読み込み方法

2011.03.12

jQuery コレ使えるぜ的関数

2011.01.19

jQuery aタグによるclick()イベント

2011.01.19

jQuery 記述方法

2011.01.17

jQuery セレクタについて

2011.01.17

CATEGORY LIST

LATEST NEWS

Macで歩く「たのしいバイナリの歩き方」うさみみハリケーンの代わりに、Cheat Engine / Bit slicerを使用する

アセンブラ

2026.04.12

Macで歩く「たのしいバイナリの歩き方」

アセンブラ

2026.04.10

【Railway】ひたすら安く個人開発サービスを運用する計画

サーバー

2026.04.06

たびのきろく

イベント

2026.02.23

【Railway】MySQLサービスをコスト抑えて運用する

運用

2026.01.19

あけましておめでとうございますmm DjangoアプリをRailwayに移行する。

運用

2026.01.06

効率の良い AI駆動開発について考える

AI・Bot・algorithm

2025.11.09

MacとClaude Codeで構築する cc65(NES)開発環境

Game

2025.10.24

Three.js - ShaderMaterialで、ブレンドシェイプ(MorphTarget)アニメーション対応

JavaScript

2025.10.15

ゲーム開発に必要な基本数学入門

Rust

2025.08.15

Godot 4 & WebAssemblyで様々なデータフォーマットを処理

Godot

2025.07.06

Godot 4 & WebAssemblyで、Hello WebAssembly! - godot-wasm

Godot

2025.06.21

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

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

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

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

FOLLOW US