ジェイクールの更新テクニック

jQuery:要素にクラス名を追加/削除する

addclass = 要素にクラス名を追加する

$('要素').addClass('追加したいクラス名');
$('div').addClass('abc');
<div>Text.Text.Text.Text</div>
 ↓
<div class="abc">Text.Text.Text.Text</div>

removeClass = 要素のクラス名を削除する

$('要素').removeClass('削除したいクラス名');
$('div').removeClass('abc');
<div class="abc">Text.Text.Text.Text</div>
 ↓
<div>Text.Text.Text.Text</div>

・ 対象が要素ではなく id や class にクラス名を追加の場合(削除も同じ)

$('id or class').addClass('追加したいクラス名');

・ 複数の場合

$('「,」カンマで区切る').addClass('「 」スペースで区切る');
$('#aaa,.bbb,#ccc').addClass('added-class added-class02');

ウィンドウの位置などで条件分岐させる際などには便利なメソッドですね。

それではまた.