После использования метода jQuery ".css", как вы вернете его в нормальное состояние?

Question

Это мой оригинальный CSS для моего #frame div.

....#frame{ 
    position:relative; 
    top:35px; 
}

Затем я использую jQuery, чтобы изменить CSS моего div ...

$('#frame').css("position","absolute");
$('#frame').css("left",50);

Теперь, как мне отменить все эти изменения и вернуться к нормальному состоянию?

Answer 1

Вы не можете без явной установки его обратно к старым значениям свойств.

Я бы, наверное, использовал отдельный класс, например ::1003*

.alternativeFrame {
    position: absolute;
    left: 50px;
}

А затем используйте addClass и removeClass: -

$('#frame').addClass('alternativeFrame');
$('#frame').removeClass('alternativeFrame');

Или просто: -

$('#frame').toggleClass('alternativeFrame');

Также помните, что вы можете соединять селекторы вместе для простоты и скорости, поэтому в качестве первого примера вы можете выполнить: -

$('#frame').css("position","absolute").css("left",50);