addClass()

このエントリーをはてなブックマークに追加

addClassメソッドは要素にclass属性の値を追加するメソッドです。

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

$("p").addClass("foo")
<p>サンプル</p>
↓
<p class="foo">サンプル</p>

追加ですので、すでにclassを持っている要素に適応した場合は、既存のclass属性を維持したまま新しいclass属性が追加されます。

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

追加するclass属性は半角スペース区切りで複数追加可能です。

$("p").addClass("bar foo")
<p>サンプル</p>
↓
<p class="bar foo">サンプル</p>

また関数を渡すことで、returnで返した値をclass属性に設定できます。

$("ul li").addClass(function(index) {
  return "item-" + index;
});
<li>サンプル</li>
<li>サンプル</li>
<li>サンプル</li>
<li>サンプル</li>
↓
<li class="item-0">サンプル</li>
<li class="item-1">サンプル</li>
<li class="item-2">サンプル</li>
<li class="item-3">サンプル</li>

登録日 : 2012年09月13日 最終更新日 : 2012年9月13日

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

検索

スポンサードリンク

バージョン

リファレンス