zaKEY.net - WordPress・iPhoneなどのブログ -

コポキャラの岡崎邦彦(ザッキー)の情報サイト。WordPressやらEC CUBEやらiPhoneについての情報を書いていきます。

Javascript

【JQuery】CSSのclassを追加・削除する『 addClass() / removeClass() / toggleClass() 』

投稿日:2014年3月18日 更新日:

jQueryではCSSのclassを簡単に追加・削除することができます。
classを操作する場合は『 addClass() / removeClass() / toggleClass() 』を使います。

//id=testの要素にclass=testredを追加する
$("#test").addClass("testred");
//id=testの要素のclass=redを削除する
$("#test").removeClass("testred");
//id=testの要素のclass=redがあれば削除、なければ追加する
$("#test").toggleClass("testred");

サンプル:hoverした時に要素追加
 $(".result").hover(function () {
    $(this).toggleClass("result_hover");
 });

zakey336x280

zakey336x280

-Javascript
-

関連記事

31dJentfpEL._SL160_

【jQuery】IE8以下で透過PNGがfadeinで黒くなる場合の対処法

IE7以下では透過PNGが使用できるようになりましたが、fadein等の動きをさせると透過してる部分が黒く表示される場合があります。 cssで対応できる場合もありますが、jQueryで一括対応すること …

31dJentfpEL._SL160_

【JQuery】fadeinを使って要素を順番に出す方法

JQueryのfadeinを使用すれば要素をフェードインしながら出すことが可能です。 これを使って順番に出す方法です。 Javascriptはこんな感じです。 <script src=&quot …