jQueryでクリックした要素にclassを与えたり削除したり

jQueryでclickした要素にclassを与えたり削除したり

ちょっとメモ書きに置いときます。

$('.day').on('click', function() {
    // クラスがあるか確認
    var selected = $(this).hasClass('selected');

    if (selected) {
        //クラス削除
        $(this).removeClass('selected');
    }
    else {
        // クラス追加
        $(this).addClass('selected');
    }
 });

toggleClassの方が楽だった

コメントで頂いた内容を試したら圧倒的に楽だった。

$('.day').on('click', function() {
    // 追加したり削除したり
    $(this).toggleClass('selected');
 });