addClass

.addClass(name1, name2, nameN..)

マッチした全ての要素にクラスを追加します。

.addClass('name1')
.addClass('name1 name2 nameN')
.addClass('name1,name2,nameN')
.addClass('name1', 'name2', 'nameN')
.addClass(['name1', 'name2', 'nameN'])
.addClass(['name1', 'name2'], ['name3'], ['nameN'])
.addClass(function(){ return 'name1'; })
.addClass(function(){ return 'name1'; }, function(){ return 'name2'; })

パラメータ

name1, name2, nameN..: string, array, object, function

マッチした要素に追加するクラス名(またはクラス名を含む配列やオブジェクト)。 このパラメータはいくつかの種類の型を受け取ることができます。

戻り値

u

Umbrellaのインスタンスを返します。

例

全てのh2にmainクラスを追加します。

u('h2').addClass('main');

全てのformにtoValidateクラスとajaxifyクラスを追加します。

u('form').addClass('toValidate', 'ajaxify');

デモ

"デモ用文字列"をクリックすると、 "デモ用文字列"が赤、小文字で表示されます。
#demoにredクラスとsmallクラスを追加しています。

JavaScript

u('#demo').on('click', function() {
  u(this).addClass('red', 'small');
});

CSS

.red {
  color: #d50000;
}
.small {
  font-size: 60%;
}

HTML

<span id="demo">デモ用文字列</span>

関連項目

.hasClass() マッチした要素に、指定したクラスが含まれているかをどうか返します。

.removeClass()マッチした要素から、指定したクラスを削除します。

.toggleClass()マッチした要素に、指定したクラスを追加または削除します。