Remove CSS “top” and “left” attributes with jQuery

Question

Im building a draggable map that when the map is dragged the element is given a \'left\' and \'top\' attribute with values for each as so...

Answer 1

In my opinion the cleanest way is to remove the property completely from the element's CSSStyleDeclaration, instead of just overwriting it with some kind of null/zero/default value:

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