使用jQuery".css"方法后,如何将其更改回正常状态？

Question

这是我#framediv的原始CSS .

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

然后,我使用jQuery来改变我的div的CSS ...

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

现在,如何清除所有这些更改,并恢复正常？

Answer 1

你不能没有明确地将它设置回旧的属性值.

我可能会使用一个单独的类,例如:

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

然后使用addClass和removeClass: -

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

要不就:-

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

另外请记住,您可以将选择器链接在一起以方便和快速,因此对于您的第一个示例,您最终可以做到: -

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