[jquery] jQuery에서 CSS 속성을 제거하는 방법

Program / 글쓴이 
if(prev_clicked)
{   
    $("#accordion li a.category").css('background-image', 'url("img/off_all_channel.png")');                    
    $("#accordion li a.comment").css('background-image', 'url("img/on_all_online.png")');                   
    $(".icha0").removeProperty("background-color");
    $(".icha0").removeProperty("opacity");
}
else
{   
   $(".icha0").css("background-color","#D5D5D2");
   $(".icha0").css("opacity","0.70");
}

추가 한 두 개의 CSS 속성을 제거하려고하는데 작동하지 않는 것 같습니다. 그래요?

답변

다음을 통해 제거 할 수 있습니다.

$(".icha0").css({ 'background-color' : '', 'opacity' : '' });

답변

다음 .css()과 같이 CSS 속성을 제거 하는 데 사용할 수 있습니다 .

$(".icha0").css("background-color","");
$(".icha0").css("opacity","");

jquery 문서에서 언급했듯이 :

스타일 속성 값을 빈 문자열로 설정하면 (예 : $ ( ‘# mydiv’). css ( ‘color’, ”)) 해당 속성이 요소에 이미 적용된 경우 해당 속성을 제거합니다.

답변

인라인 CSS 속성을 제거하려면 다음을 사용하십시오.

$('.className').css({propertyName: ''});

요소의 전체 인라인 스타일을 제거하려면 다음을 사용하십시오.

$('.className').removeAttr('style');

스타일 (별도 파일) 사용에서 CSS 속성을 제거하기위한이 제안을 찾았습니다.

$ ( ‘. className’). style.propertyName = ”;

그러나 나는 그것을 전혀 작동시킬 수 없었기 때문에 여기에 참고로 삼고 있습니다.

답변

속성을 다시 공백으로 설정할 수 있습니다.

$(".icha0").css("background-color","");

또는 CSS 파일에 정의 된 클래스를 사용하도록 코드를 변경할 수 있습니다.

$(".icha0").addClass('properties'); 
$(".icha0").removeClass('properties');

답변

이 문제가 발생했지만 OP를 충족시키는 솔루션을 보지 못했습니다. 대부분의 솔루션은 가치가없는 전체 스타일 속성을 제거하는 것이 좋습니다.

jQuery의 prop 메소드를 사용했습니다.

var styleObject = $('my-selector').prop('style'); 

styleObject.removeProperty('background-color');

답변

DOM 요소에 적용된 적용된 CSS 스타일 클래스를 직접 제거하거나 요소에서 적용된 CSS 스타일을 제거하는 두 가지 방법이 있습니다.

//Remove the class associated with element

$('#ID').removeClass("cssClass");

//Remove the CSS style from DOM element

$('p').css({"color":""});

답변

이상적인 옵션보다 적은 대안이 있지만 다양한 문제를 해결할 수 있습니다. inherit 값으로 요소에 새 클래스를 추가하십시오 .

CSS

.clearCSS {
    background-color: inherit !important;
}

jquery

$(".icha0").addClass('clearCSS');