addClass()、removeClass()、toggleClass()で要素にスタイルクラスを変更する

2014年12月17日2018年6月9日

1.htmlコード
<ul id="kdf">
<li class="cft">111</li>
<li>2222</li>
<li>33333</li>
<li>4444</li>
<li class="cft">5555</li>
</ul>

2.CSSコード
.zhangfei {
//some code
}

3.JSコード
// スタイルクラスを設定
$('.cft’).addClass('zhangfei’);

// スタイルクラスを除外
$('.cft’).removeClass('zhangfei’);

//スタイルクラスを交互に適用／除外
$('#kdf li’).click(function(e) {
$(this).toggleClass('zhangfei’);
});