jQuery를 사용하여 요소의 CSS 속성을 해제하려면 어떻게 해야 합니까?

jQuery를 사용하여 요소의 CSS 속성을 해제하려면 어떻게 해야 합니까?

다음을 사용하여 특정 요소에 CSS 값을 설정하는 경우:

$('#element').css('background-color', '#ccc');

요소별 값을 설정 해제하고 계단식 값을 다음과 같이 사용하고자 합니다.

$('#element').css('background-color', null);

하지만 이 구문은 효과가 없는 것 같습니다. 다른 구문을 사용하면 가능할까요?

편집: 값은 상위 요소에서 상속되지 않으며 원래 값은 요소 수준 선택기에서 가져옵니다.혼란을 드려 죄송합니다!

jQuery 문서에서 다음을(를)

스타일 속성 값을 빈 문자열로 설정(예:$('#mydiv').css('color', '')— HTML 스타일 속성에서 jQuery's를 통해 해당 속성이 이미 직접 적용된 경우 요소에서 해당 속성을 제거합니다..css()방법 또는 직접 DOM 조작을 통해style소유물.그러나 스타일시트에서 CSS 규칙이 적용된 스타일을 제거하지는 않습니다.<style>요소.

저는 당신도 할 수 있다고 생각합니다.

$('#element').css('background-color', '');

옛날에 제가 하던 일입니다.display필드를 표시/숨기기 위한 기존 jav 스크립트의 property입니다.

사실, 제가 생각했던 구문이 틀렸습니다.null)가 작동하는 것 같습니다. 제 선택기가 잘못 구성되어 있어서 요소가 나오지 않습니다.도!

시도해 보기:

$('#element').css('background-color', 'inherit');

IE 8에서 'filter'용으로 작동하지 않는 것처럼 보이는 이유로 (페이드인 콜백에서) 다음을 사용해야 했습니다.

$(this).attr('style', $(this).attr('style').replace(/\bfilter:\s*;*/, ''));

분명히 CSS를 적용하기 위해 빈 인라인 필터 선언을 제거해야 했습니다. 다른 인라인 규칙이 있어서 스타일 속성을 그냥 제거할 수 없었습니다.

도움이 될 수 있다면, 저는 이중 따옴표로 문제를 추가합니다.

$('#element').css("border-color", "");

을(를) 실행하지 않습니다.

$('#element').css('border-color', '');

작동하다

언급URL : https://stackoverflow.com/questions/490910/how-do-i-unset-an-elements-css-attribute-using-jquery