javascript - CSS の背景を追加しました。完全に削除する方法

Question

jquery .css プロパティを使用して背景を追加しています

myobj.css('background', '#AE0000');

これにより、このスタイルの html がマークアップに追加されます

style="background: none repeat scroll 0% 0% rgb(174, 0, 0);"

後で、この背景を削除したいと思います。CSSの背景を白に設定するとうまくいくと思いましたmyobj.css('background', '#FFFFFF');が、残念ながら、divの背景が何もないのではなく白いため、問題が発生します。

style="background: none repeat scroll 0% 0% rgb(255, 255, 255);"

backgroundCSSのプロパティを完全に削除するjqueryと同様の方法はありますか? お気に入りstyle=""

Answer 1

簡潔な答え

myobj.css('backgroundColor', 'transparent');

長い答え

保守性を向上させるために、次のようなものに css クラスを使用することをお勧めします。

.active { background:#AE00000 }

次に、あなたのJavaScriptで

myobj.addClass('active');

オフにする

myobj.removeClass('active');

css()これには、デザインに変更があるたびに、またはその特定の要素にさらにマークアップを追加する必要がある場合に、css 値 (を使用している場合) を変更することを心配する必要がないという利点があります。

たとえば、最終的には、js で背景、フォント サイズ、および色を使用する必要があります。

myobj.css({'background':'#aaa', 'font-size':'15px', 'color':'red'});

次に、オフにする必要があるたびに：

myobj.css({'background':'none', 'font-size':defaultSize + 'px', 'color':'black'});

css を使用すると、エラーが発生しやすくなるだけでなく、保守がより困難になります。

.active { background:#AE00000; font-size:15px; color:red }

次に、あなたのJavaScriptで

myobj.addClass('active');

オフにする

myobj.removeClass('active');

Answer 2

使用する

myobj.css('backgroundColor', 'transparent');

実際に見てください。

Answer 3

使用するnone

myobj.css('background', 'none');

Answer 4

これは良い方法だと思います

myobj.css({
  'background': 'none', //remove all the background property
  'backgroundColor': '#FFF' //then only set the background color property
});

Answer 5

css('background', 'none')あなたの最善の策になるでしょう：フィドル