jQueryを使用してCSSの「トップ」および「レフト」属性を削除する

ドラッグ可能なマップを作成しています。マップがドラッグされると、要素には「左」属性と「上」属性がそれぞれに値が与えられます...

<div class="map" style="top:200px; left:100px;">Map</div>

クリックすると、divのインラインスタイルから上部と左側の属性を削除するボタンがあります。これはjqueryで可能ですか？

CSSのデフォルト値topとはleftされているautoので、あなたがやろうとしているものに応じて、同等であるかもしれないことにそれらを設定します：

$('.map').css('top', 'auto').css('left', 'auto');

style属性を完全に削除することもできます。

$('.map').removeAttr('style');

ただし、他のjQuery UIコンポーネントを使用している場合は、削除したくないインラインスタイルが必要になる可能性があるため、注意して続行してください。

上と左の属性を明確に削除し、他の属性を残したい場合は、次のようにします。

$('.map').css('top', '').css('left', '');

または、より短い同等物：

$('.map').css({
    'top': '',
    'left': ''
});

次のようにして、style属性のすべてのコンテンツを削除できます。

$('.map').removeAttr('style');

また、次のようにして特定styleのを削除できます。

$('.map').css('top', '');
$('.map').css('left', '');

次のコードのように、CSSプロパティに空の文字列を設定するだけです。

$('#mydiv').css('color', '');

CSSのjQueryドキュメントを参照してください。

1. ここに行く：jQuery API
2. Ctrl + Fで「削除」
3. 読んだ：

スタイルプロパティの値を空の文字列（$（ "#mydiv"）.css（ "color"、 ""）など）に設定すると、HTMLスタイルであるかどうかにかかわらず、既に直接適用されている場合は、そのプロパティが要素から削除されます。属性、jQueryの.css（）メソッド、またはスタイルプロパティの直接DOM操作。

ドキュメントは、達成しようとしていることに対する現在の推奨されるアプローチを提供します。これは、スタックオーバーフローで炎上戦争を何度も読み直す必要がないため、多くの場合、時間を節約できます（どんなに楽しい/啓蒙であっても） ！）。

このJQueryバグレポートごと

element.removeAttr（ 'style'）

element.attr（ 'スタイル'、 ''）

すべて削除したい場合は、

$('.map').removeAttr('style');

$.fn.removeCss=function(prop){
   if(!prop){
          return $(this).removeAttr('style').removeAttr('class');
     }
    else{
         return $(this).css(prop,null);
    }

}

次に、CSSプロパティを削除する場合：

    $('#mydiv').removeCss('color');
//To remove all prop Css
    $('#mydiv').removeCss();

私の意見では、最もクリーンな方法は、ある種のnull / zero / default値で上書きするのではなく、要素のCSSStyleDeclarationからプロパティを完全に削除することです。

$(".foo").prop("style").removeProperty("top");
$(".foo").prop("style").removeProperty("left");
$(".foo").prop("style").removeProperty("background-color");

$.fn.removeCss=function(toDelete){

    var props=$(this).attr('style').split(';');
var tmp=-1;
for( var p=0;p<props.length; p++){if(props[p].indexOf(toDelete)!==-1){tmp=p}};
if(tmp!==-1){

   delete props[tmp];
}

  return $(this).attr('style',props.join(';')+';');

}

このプラグインで安全に削除してください！

$（ 'myDiv'）。removeCss（ 'color'）;

簡単に取り外せないスタイルもあります。

回避策は、2つの異なるクラスを作成し、必要なスタイルを含むクラスを追加/削除することです。

簡単に削除/無効化できるスタイルプロパティの最善の解決策ではありません。

CSSスタイルを削除するには、スタイルに空の文字列を割り当てます

この場合

$('.map').css({top:'',left:''});

 $("#map").css("top", "0"); 
 $("#map").css("left", "0");