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

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");
 });

jQuery最高の教科書

posted with カエレバ

株式会社シフトブレイン SBクリエイティブ 2013-11-27

Amazonで見る

楽天市場で見る