[解決済み] jQueryでCSSの "top "属性と "left "属性を削除する

質問

ドラッグ可能なマップを作成しています。マップがドラッグされると、要素に 'left' と 'top' 属性が与えられ、それぞれ以下のような値が設定されます。

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

ボタンがあり、クリックされたときにインラインスタイルからtopとleftの属性を削除したいのですが、jqueryで可能でしょうか？

どのように解決するのですか？

CSSのデフォルト値 top と left は auto ということで、何をしようとしているかによって、このように設定することが等価になるかもしれません。

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

を完全に削除するオプションもあります。 style 属性があります。

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

ただし、他のjQuery UIコンポーネントを使用している場合は、削除されたくないインラインスタイルが必要な場合がありますので、そこは注意してください。