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

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

2014年3月18日
Javascript
スポンサーリンク

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