在一系列操作之后,如何将元素重置为原始状态?
经过一堆动画,添加类和设置CSS样式。 是否有一种简单的方法可以将元素重置为原始服务器交付状态?
jQuery使用内联style
属性设置其操作,因此只需将其设置为''
。
$('#someDiv').attr('style','');
这假设在来自服务器的元素上没有设置内联style
属性。 如果是这样,最好使用样式表。
如果元素必须来自设置了style
属性的服务器,那么我认为您可以将值缓存在变量中,并在需要时重置它。
// Cache original attributes var originalAttributes = $('#someDiv').attr('style'); // Reset from original $('#someDiv').attr('style',originalAttributes);
编辑:
如果需要,您可以使用自定义属性从服务器发送元素,以记住原始class
属性。
...
然后您可以随时参考原件。
您甚至可以找到具有originalClass
属性的所有元素。
var $elementsWithOriginal = $('[originalClass]');
或找到已从原始属性修改class
属性的元素。
var $modifiedFromOriginal = $('[originalClass]').filter(function() { return $(this).attr('class') != $(this).attr('originalClass'); });