JavaScript 기존 class를 다른 클래스로 교체할 때

function replaceClass(id, oldClass, newClass) {
    var elem = $(`#${id}`);
    if (elem.hasClass(oldClass))
        elem.removeClass(oldClass);
    }
    elem.addClass(newClass);
}

$(document).ready(function() {
    $("#darkmode").click(function() {
        replaceClass("container", "light", "dark");
    });

    $("#lightmode").click(function() {
        replaceClass("container", "dark", "light");
    });
});

1. 클래스를 다른 클래스로 교체

클래스를 다른 클래스로 교체하려면 jQuery를 사용하여 이전 클래스를 제거할 수 있습니다.  .removeClass()메서드를 찾은 다음 jQuery를 사용하여 새 클래스를 추가합니다. .addClass() 방법.

 

$(document).ready(function () {
    $('input[name="newSignContractYn"]').on('change', function() {
        var checkedValue = $('input[name="newSignContractYn"]:checked').val();

        // 'Y' 선택, textarea 내용이 비어있는지 확인
        if (checkedValue === 'Y' && $('#newSignContractCont').val().trim() === '') {
            $('#newSignContractCont').removeClass().addClass("        {'required':true,'byteView':'#byteViewNew1','maxlength':1000} p_98 h_50");
        }
        console.log(checkedValue);
    });
});

});

2. 모든 클래스를 하나 이상의 새 클래스로 교체

모든 기존 클래스를 하나 이상의 새 클래스로 교체하려면 class 속성을 새 클래스와 함께 사용합니다. 다음은 다음을 사용하여 이를 보여주는 jQuery의 예입니다. .attr() 방법.

 

$(document).ready(function() {
    $("#darkmode").click(function() {
        $("#container").attr("class", "dark");
    });
 
    $("#lightmode").click(function() {
        $("#container").attr("class", "light");
    });
});