jQuery 指定要素にclassを追加・削除する方法

classを追加・削除

追加

$("要素").addClass("classname");

削除

$("要素").removeClass("classname");

hasClassでclassが指定されているか判定して追加・削除

$('#button').click( function() {
    if($(this).hasClass("classname")){
        //削除
        $(this).removeClass("classname");
    } else {
        //追加
        $(this).addClass("classname");
    }
});

toggleClassでclassを追加・削除

toggleClassを使うと指定要素にclassがなければ追加、あれば削除することが出来ます。

$('#button').click( function() {
    $(this).toggleClass("classname");
});

hasClassで判定するよりコードがスッキリしますね。

コメント

タイトルとURLをコピーしました