[JQUERY] 어떻게 .CSS () 함수와 추가 된 스타일을 제거 할 수 있습니까?

어떻게 .CSS () 함수와 추가 된 스타일을 제거 할 수 있습니까?

해결법

1. ---

   1.빈 문자열로 속성을 변경하면 일을 할 나타납니다 :

   빈 문자열로 속성을 변경하면 일을 할 나타납니다 :

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

2. ---

   2.허용 대답 작동하지만 잎 내 테스트에서 DOM에 빈 스타일의 속성. 더 큰 문제가 없지만,이 삭제합니다 모든 :

   허용 대답 작동하지만 잎 내 테스트에서 DOM에 빈 스타일의 속성. 더 큰 문제가 없지만,이 삭제합니다 모든 :

   removeAttr( 'style' );
   

   이것은 당신이 모든 동적 스타일을 제거하고 스타일 시트의 스타일로 다시 돌아가려면 가정합니다.

3. ---

   3.jQuery를 사용하여 CSS 속성을 제거하는 방법에는 여러 가지가 있습니다 :

   jQuery를 사용하여 CSS 속성을 제거하는 방법에는 여러 가지가 있습니다 :

   1. 기본에 CSS 속성을 설정 (초기) 값

   .css("background-color", "transparent")
   

   MDN에서 CSS 속성의 초기 값을 참조하십시오. 여기에 기본 값은 투명합니다. 또한 부모의 속성을 inherite 여러 CSS의 속성을 상속 할 수 있습니다. CSS3 / CSS4, 당신은 또한 초기, 되돌리기 또는 해제를 사용할 수 있지만 이러한 키워드는 제한된 브라우저 지원이있을 수 있습니다.

   2. CSS 속성을 제거

   빈 문자열은 CSS 속성을 제거, 즉

   .css("background-color","")
   

   jQuery를 .CSS () 문서에 명시된 바와 같이하지만, 조심,이 속성을 제거하지만 배경 포함하여 특정 CSS 속기 속성에 대한 IE8과 호환성 (을) 문제가 있습니다.

   3. 요소의 전체 스타일을 제거

   .removeAttr("style")
   

4. ---

   4.나는 순수 자바 스크립트와 스타일 특성을 제거 할 수있는 방법이있어 당신이 순수 자바 스크립트의 방법을 알려합니다

   나는 순수 자바 스크립트와 스타일 특성을 제거 할 수있는 방법이있어 당신이 순수 자바 스크립트의 방법을 알려합니다

   var bodyStyle = document.body.style;
   if (bodyStyle.removeAttribute)
       bodyStyle.removeAttribute('background-color');
   else        
       bodyStyle.removeProperty('background-color');
   

5. ---

   5.이는 전체 태그를 제거합니다 :

   이는 전체 태그를 제거합니다 :

     $("body").removeAttr("style");
   

6. ---

   6.중 이들의 jQuery 기능으로 작동합니다 :

   중 이들의 jQuery 기능으로 작동합니다 :

   $("#element").removeAttr("style");
   $("#element").removeAttr("background-color") 
   

7. ---

   7.그냥 사용 :

   그냥 사용 :

   $('.tag-class').removeAttr('style');
   

   또는

   $('#tag-id').removeAttr('style');
   

8. ---

   8.어떻게 같은 약 :

   어떻게 같은 약 :

   var myCss = $(element).attr('css');
   myCss = myCss.replace('background-color: '+$(element).css('background-color')+';', '');
   if(myCss == '') {
     $(element).removeAttr('css');
   } else {
     $(element).attr('css', myCss);
   }
   

9. ---

   9.내 플러그인을 사용합니다 :

   내 플러그인을 사용합니다 :

   $.fn.removeCss=function(all){
           if(all===true){
               $(this).removeAttr('class');
           }
           return $(this).removeAttr('style')
       }
   

   귀하의 경우를 들어, 다음과 같이 사용 :

   $(<mySelector>).removeCss();
   

   또는

   $(<mySelector>).removeCss(false);
   

   당신은 또한 클래스에 정의 된 CSS를 제거하려면 :

   $(<mySelector>).removeCss(true);
   

10. ---

    10.이 시도:

    이 시도:

    $('#divID').css({"background":"none"});// remove existing
    
    $('#divID').css({"background":"#bada55"});// add new color here.
    

    감사

11. ---

    11.당신이 CSS 스타일을 사용하는 경우, 당신은 사용할 수 있습니다 :

    당신이 CSS 스타일을 사용하는 경우, 당신은 사용할 수 있습니다 :

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

    다음으로 대체 :

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

    당신이 CSS 스타일을 사용하지 않는 당신이 HTML 요소의 속성이있는 경우, 당신은 사용할 수 있습니다 :

    $("#element").attr("style.background-color",color);
    

12. ---

    12.2018

    2018

    그 네이티브 API가있다

    element.style.removeProperty(propery)
    

13. ---

    13.이것은 또한 작동!

    이것은 또한 작동!

    $elem.attr('style','');
    

14. ---

    14.왜 당신이 CSS 클래스를 제거 할 스타일을하지? 이제 사용할 수 있습니다 .removeClass를 (). ) (.toggleClass :이 또한 사용의 가능성을 열어

    왜 당신이 CSS 클래스를 제거 할 스타일을하지? 이제 사용할 수 있습니다 .removeClass를 (). ) (.toggleClass :이 또한 사용의 가능성을 열어

    (이것은 현재의 경우 클래스를 제거하고, 그렇지 않은 경우를 추가합니다.)

    추가 / 레이아웃 문제를 다룰 때 또한 적은 변화 / 문제 해결에 혼란 (특정 스타일이 사라진 이유를 알아 내려고 노력에 반대.) 클래스를 제거

15. ---

    15.

    let el = document.querySelector(element)
    let styles = el.getAttribute('style')
    
    el.setAttribute('style', styles.replace('width: 100%', ''))
    

16. ---

    16.이것은 다른 솔루션보다 더 복잡하지만 시나리오에서 더 많은 유연성을 제공 할 수 있습니다 :

    이것은 다른 솔루션보다 더 복잡하지만 시나리오에서 더 많은 유연성을 제공 할 수 있습니다 :

    1) 분리 (캡슐화) 적용 할 스타일에 대한 클래스 정의를 확인 / 선택적으로 제거 할 수 있습니다. 그것은 비어있을 수 있습니다 (이 경우에, 아마이어야한다) :

    .myColor {}
    

    2) gilly3에 의해이 답변에서 http://jsfiddle.net/kdp5V/167/에 따라이 코드를 사용 :

    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/

    주의 사항 :

    스타일링이 방법을 분리하는 것은 CSS 그것을 조작하는 것이 아닌 경우에도 모든 것입니다. CSS 규칙을 조작하는 것은 jQuery를 모든 약, jQuery를 조작하는 DOM 요소이며, 사용의 CSS 선택기가 수행 할 작업이 아닙니다.

17. ---

    17.간단한 웹 개발 저렴합니다. 특정 스타일을 제거 할 때 나는 빈 문자열을 사용하는 것이 좋습니다

    간단한 웹 개발 저렴합니다. 특정 스타일을 제거 할 때 나는 빈 문자열을 사용하는 것이 좋습니다

    $(element).style.attr = '  ';
    

18. ---

    18.이 시도

    이 시도

    $(".ClassName").css('color','');
    Or 
    $("#Idname").css('color','');
    

19. ---

    19.당신은 사용하여 스타일을 제거

    당신은 사용하여 스타일을 제거

    removeAttr ( '스타일');

20. ---

    20.당신이 사용할 수있는:

    당신이 사용할 수있는:

     $("#eslimi").removeAttr("style").hide();
    

21. ---

    21.시험

    시험

    document.body.style=''
    

    $ ( "몸") CSS ( "배경 색 ','빨간색 ').; 함수 깨끗한 () { document.body.style = '' } 몸 {배경 색 : 노란색; } <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> <버튼의 onclick = "깨끗한 ()"> 제거 스타일

from https://stackoverflow.com/questions/4036857/how-can-i-remove-a-style-added-with-css-function by cc-by-sa and MIT license