经过一系列操作后，如何将元素重置为原始状态？

经过一系列动画、添加类和设置 css 样式之后。有没有一种简单的方法可以将元素重置为原始服务器交付状态？

jQuery 使用内联设置其操作style属性，所以只需将其设置为''.

$('#someDiv').attr('style','');

这假设没有内联style在来自服务器的元素上设置的属性。如果是这样，最好使用样式表。

如果该元素必须来自服务器style设置属性，那么我想您可以将值缓存在变量中，并在需要时重置它。

   // Cache original attributes
var originalAttributes = $('#someDiv').attr('style');


   // Reset from original
$('#someDiv').attr('style',originalAttributes);

EDIT:

如果需要，您可以使用自定义属性从服务器发送元素以记住原始元素class属性，例如。

<div class="myClass" originalClass="myClass">...</div>

然后您可以随时参考原件。

您甚至可以找到所有具有originalClass像这样的属性。

var $elementsWithOriginal = $('[originalClass]');

或者找到其中的元素class属性在原来的基础上进行了修改。

var $modifiedFromOriginal = $('[originalClass]').filter(function() {
        return $(this).attr('class') != $(this).attr('originalClass');
    });