.toggleClass( className )
引数
- (string)className
- 追加、削除するクラス名。スペースで区切りで複数設定可能
classNameで指定されたクラス名があれば削除、なければ追加される。
サンプル
Javascript
$('.jqTest1 .execute').click(function(){
var str = '';
$('.jqTest1 li').toggleClass('highLight').each(function(){
str += $(this).attr('class') + '<br />';
});
$('.jqTest1 .screen').html(str);
});
HTML
<div class="jqTest1">
<input type="button" value="execute" class="execute cq-btn m-primary" />
<ul>
<li>設定なし</li>
<li class="highLight">class="highLight"</li>
<li class="firstClass highLight">class="firstClass highLight"</li>
</ul>
<hr />
<div class="screen">
</div>
</div>
CSS
.jqTest1 li.highLight {
font-weight: bold;
color: #FFFFFF;
background: #990000;
}
.toggleClass( className, switch )
引数
- (string)className
- 追加、削除するクラス名。スペースで区切りで複数設定可能
- (boolean)switch
- trueの場合追加、falseの場合削除
.toggleClass( [switch] )
.toggleClass( function(index, class, switch) [, switch] )