Umbrella - にほんご。

addClass

.addClass(name1, name2, nameN..)

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


パラメータ

name1, name2, nameN.. : string, array, object, function
マッチした要素に追加するクラス名(またはクラス名を含む配列やオブジェクト)。 このパラメータはいくつかの種類の型を受け取ることができます。
.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'; })

戻り値

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

全てのh2mainクラスを追加します。

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

全てのformtoValidateクラスとajaxifyクラスを追加します。

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

デモ

"デモ用文字列"をクリックすると、 "デモ用文字列"が赤、小文字で表示されます。
#demoredクラスと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()マッチした要素に、指定したクラスを追加または削除します。


© 2014 Francisco Presencia Released under the MIT license

このコンテンツはFrancisco Presencia(franciscop)によるUmbrella JSドキュメントを翻訳/改変したものです。