addClass()、removeClass()、toggleClass()で要素にスタイルクラスを変更する
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’);
});