.css（）関数で追加されたスタイルを削除するにはどうすればよいですか？

jQueryを使用してCSSを変更し、入力値に基づいて追加しているスタイルを削除したいと思います。

if(color != '000000') $("body").css("background-color", color); else // remove style ?

これどうやってするの？
上記の線は、カラーピッカーを使用して色が選択されるたびに（つまり、マウスがカラーホイールの上に移動したときに）実行されることに注意してください。

2番目の注意：CSSファイルcss("background-color", "none")からデフォルトのスタイルが削除されるため、これを行うことはできません。jQueryによって追加され たインラインスタイルを削除したいだけです。
background-color

プロパティを空の文字列に変更すると、次のようになります。

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

受け入れられた回答は機能styleしますが、私のテストではDOMに空の属性を残しています。大したことではありませんが、これによりすべてが削除されます。

removeAttr( 'style' );

これは、すべての動的スタイルを削除して、スタイルシートのスタイルに戻すことを想定しています。

jQueryを使用してCSSプロパティを削除するには、いくつかの方法があります。

1. CSSプロパティをデフォルト（初期）値に設定する

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

MDNでCSSプロパティの初期値を参照してください。ここでのデフォルト値はtransparentです。inherit複数のCSSプロパティを使用して、親から属性を継承することもできます。CSS3 / CSS4で、あなたも使用することができinitial、revertあるいはunsetこれらのキーワードは、限られたブラウザのサポートを有することができます。

2. CSSプロパティを削除する

空の文字列はCSSプロパティを削除します。

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

ただし、jQuery .css（）のドキュメントで指定されているように、これによりプロパティが削除されますが、背景を含む特定のCSS省略プロパティのIE8との互換性の問題があります。

スタイルプロパティの値を空の文字列（$（ '＃mydiv'）。css（ 'color'、 ''）など）に設定すると、HTMLスタイルであるかどうかにかかわらず、既に直接適用されている要素からそのプロパティが削除されます。属性、jQueryの.css（）メソッド、またはスタイルプロパティの直接DOM操作。ただし、スタイルシートまたは要素のCSSルールで適用されたスタイルは削除されません。警告：1つの注目すべき例外は、IE 8以前の場合、境界線や背景などの省略プロパティを削除すると、スタイルシートや要素の設定に関係なく、要素からそのスタイルが完全に削除されることです。

3.要素のスタイル全体を削除する

.removeAttr("style")

純粋なJavaScriptの方法を知らせるためだけに、純粋なJavaScriptでスタイル属性を削除する方法を得ました

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

これにより、完全なタグが削除されます。

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

これらのjQuery関数のいずれかが機能するはずです。

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

ただ使用する：

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

または

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

次のようなものはどうですか：

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

プラグインを使用：

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

あなたのケースでは、次のように使用してください：

$(<mySelector>).removeCss();

または

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

クラスで定義されているCSSも削除したい場合：

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

これを試して：

$('#divID').css({"background":"none"});// remove existing

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

ありがとう

CSSスタイルを使用する場合、以下を使用できます。

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

そして次に置き換えます：

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

CSSスタイルを使用せず、HTML要素に属性がある場合は、以下を使用できます。

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

2018年

そのためのネイティブAPIがあります

element.style.removeProperty(propery)

これも効く!!

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

CSSクラスを削除したいスタイルを作成してみませんか？今あなたは使うことができます：.removeClass()。これはまた、以下を使用する可能性を開きます。.toggleClass()

（存在する場合はクラスを削除し、存在しない場合は追加してください。）

クラスを追加/削除することで、レイアウトの問題に対処する際の変更/トラブルシューティングの混乱も少なくなります（特定のスタイルが消えた理由を理解しようとするのとは対照的です）。

let el = document.querySelector(element)
let styles = el.getAttribute('style')

el.setAttribute('style', styles.replace('width: 100%', ''))

これは他のいくつかのソリューションよりも複雑ですが、シナリオでの柔軟性が向上する可能性があります。

1）クラス定義を作成して、適用または削除するスタイリングを選択的に分離（カプセル化）します。空にすることもできます（この場合、おそらく空にする必要があります）。

.myColor {}

2）に基づいて、このコードを使用http://jsfiddle.net/kdp5V/167/からこの答え によってgilly3：

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/

警告：

• 十分にテストされていません。
• 新しい値に！importantまたはその他のディレクティブを含めることはできません。このような既存のディレクティブは、この操作によって失われます。
• 最初に見つかったstyleSelectorの出現のみを変更します。スタイル全体を追加または削除することはありませんが、これはより複雑なもので実行できます。
• 無効または使用できない値は無視されるか、エラーがスローされます。
• Chromeでは（少なくとも）、ローカルではない（クロスサイトのような）CSSルールはdocument.styleSheetsオブジェクトを通じて公開されていないため、これらのルールでは機能しません。このコードの「最初に見つかった」動作を念頭に置いて、ローカルオーバーライドを追加して操作する必要があります。
• document.styleSheetsは、一般的に操作に特にフレンドリーではありません。これが積極的な使用で機能するとは期待しないでください。

このようにスタイリングを分離することは、CSSの操作がそうでない場合でも、CSSのすべての目的です。CSSルールの操作はjQueryのすべてではなく、jQueryがDOM要素を操作し、CSSセレクターを使用して行います。

シンプルは、ウェブ開発では安価です。特定のスタイルを削除するときは空の文字列を使用することをお勧めします

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

これを試して

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