if(color != '000000') $("body").css("background-color", color); else // remove style ?
How can I do this? 참고로, 선 위에 컬러 색상을 사용하여 실행할 때마다 선택되었음 선택기를. (예: 한 때 마우스용 움직임에 대해 컬러휠).
2 주: 이와 함께 't do i can& # 39, css (,,, " background-color" " none")' 는 기본 스타일 때문에 분리하십시오 css 파일의. 난 그냥 분리하십시오 인라인 스타일 '에서' 배경색 추가되든지 포함한다.
이 수락됨 오토메이티드 는 빈 '스타일' 의 속성을 닫히지만 DOM 내 테스트. 하지만 이 모든 것을 절감뿐만 별거 아냐.
removeAttr( 'style' );
여기서는 모든 동적 스타일 및 제거할 복귀하십시오 백됩니다 스타일시트가 스타일.
여러 가지 제거하는 방법을 사용하여 CSS 속성을 포함한다.
1. 해당 기본 CSS 속성을 설정 값 (초기)
.css("background-color", "transparent")
초기 CSS 속성 값을 http://support. 매든 참조. 여기서 '는' 투명해집니다 기본값입니다. ['상속됩니다'] (https://developer.mozilla.org/en-US/docs/Web/CSS/inherit) 를 사용할 수도 있습니다 CSS 속성을 여러 가지 속성을 빈프리트 변경분이 모피쳐. Css3/css4 (https://developer.mozilla.org/en-US/docs/Web/CSS/initial) 에서 사용할 수 있습니다. ['최초'], ['리업으로'] (https://developer.mozilla.org/en-US/docs/Web/CSS/revert) 또는 ['해제할'] (https://developer.mozilla.org/en-US/docs/Web/CSS/unset) 하지만 이 브라우저 지원 여러_키워드 제한될 수 있습니다.
2. CSS 속성을 분리
Css 속성, 즉 빈 문자열을 제거합니다.
.css("background-color","")
하지만 두려워, 명시된 [jQuery 붽뎄 .css ()] [2], [속성 흰줄숲모기용 호환성 문제가 특정 CSS 속성을 IE8 이 절감뿐만 대표 등 배경.
>. 빈 문자열을 스타일입니까 속성 값을 설정 (예: >. $ (& # 39, # mydiv& # 39;) .css (& # 39, & # 39, & # 39 color& # 39;;) - 해당 등록 절감뿐만 요소로부터의 >. html 에서 직접 적용할 경우 이미 표시할지를 스타일 >. # 39 의 속성을 통해 jQuery& .css () 메서드를 통해 직접 또는 DOM >. 조작의 스타일입니까 재산이잖아 그러나 않습니다 제거 >. 온 스타일 CSS 규칙을 적용한 스타일시트나 < style>; >. 요소. 경고: 눈에 띄는 idfsysobject. 에로남이네 os용 IE 8 이하, >. 제거 등 대표 속성 거역한다면 테두리 또는 배경 >. 해당 스타일 상관 없이 완전히 뭐한테 설정되었습니다 요소의 제거 >. 받을시간은 스타일시트나 < style>; 요소점 *.
3. 모든 요소의 제거 스타일
.removeAttr("style")
[2]: http://api.jquery.com/css/ # css2
이렇게 하면 전체 제거하시겠습니까 태그:
$("body").removeAttr("style");
그냥 사용:
$('.tag-class').removeAttr('style');
또는
$('#tag-id').removeAttr('style');
내 플러그인에는 사용합니다.
$.fn.removeCss=function(all){
if(all===true){
$(this).removeAttr('class');
}
return $(this).removeAttr('style')
}
정보기술 (it) 을 사용하여 사용자의 경우, 다음과 같다.
$(<mySelector>).removeCss();
또는
$(<mySelector>).removeCss(false);
또한 그 지루려면 스케쳐내 CSS 에 정의된 클래스:
$(<mySelector>).removeCss(true);
Css 스타일 왜안돼요 제거할 수 있도록 클래스? 이제 사용할 수 있습니다. '그레모베클레스 ()'. 또한 사용 가능성을 열립니다. '네스토글클레스 ()'
(분리하십시오 클래스용 경우 it& # 39 의 경우, 현재, 추가 it& # 39, 일은 아닙니다.)
또 추가 / 제거 클래스 변경 / 트러블슈팅에 덜 복잡한 문제를 다룰 때 레이아웃뿐만 것과는 반대로 특정 스타일을 이유를 알아내려 하고 사라졌다.)
일부 다른 솔루션을 제공할 수 있지만, 이것은 더 복잡한 것보다 더 유연하게 시나리오:
.myColor {}
function changeCSSRule(styleSelector,property,value) {
for (var ssIdx = 0; ssIdx < document.styleSheets.length; ssIdx++) {
var ss = document.styleSheets[ssIdx];
var rules = ss.cssRules || ss.rules;
if(rules){
for (var ruleIdx = 0; ruleIdx < rules.length; ruleIdx++) {
var rule = rules[ruleIdx];
if (rule.selectorText == styleSelector) {
if(typeof value == 'undefined' || !value){
rule.style.removeProperty(property);
} else {
rule.style.setProperty(property,value);
}
return; // stops at FIRST occurrence of this styleSelector
}
}
}
}
}
사용 예제: http://jsfiddle.net/qvkwhtow/
이다.
이 방법은 스타일 어떤 어려움이 있더라도 isn& # 39, CSS 는 it 에 대한 모든 조작할 수 없다. Jquery 는 CSS 규칙을 조작할 수 없는 요소, DOM, jQuery 는 CSS 에 대한 모든 조작하여 어떤 선택기를 do it.