jQuery リファレンス

Tweet

removeClass()は要素のclass属性の値を削除するメソッドです。

次のように指定することでclass属性が削除できます。

$("p").removeClass("foo");

<p class="bar foo">サンプル</>
↓
<p class="bar">サンプル</p>

削除するclass属性は半角スペース区切りで複数指定可能です。

$("p").removeClass("foo bar");

<p class="bar foo">サンプル</>
↓
<p>サンプル</p>

また関数を渡すことで、returnで返した値をclass属性にから削除できます。

$("ul li").removeClass(function(index) {
  return "item-" + index;
});

<li class="item-0">サンプル</li>
<li class="item-1">サンプル</li>
<li class="item-2">サンプル</li>
<li class="item-3">サンプル</li>
↓
<li>サンプル</li>
<li>サンプル</li>
<li>サンプル</li>
<li>サンプル</li>

参考URL

.removeClass() – jQuery API

登録日 : 2012年11月05日 最終更新日 : 2012年11月5日

同じカテゴリー(Attributes)のエントリー

• removeProp()
• prop()
• val()
• toggleClass()
• hasClass()
• removeClass()
• removeAttr()
• addClass()
• attr()