在一系列操作之后,如何将元素重置为原始状态?

时间:2010-05-31 16:44:56

标签: jquery css elements

经过一系列动画制作,添加类和设置CSS样式。是否有一种简单的方法可以将元素重置为原始服务器交付状态?

1 个答案:

答案 0 :(得分:17)

jQuery使用内联style属性设置其操作,因此只需将其设置为''

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

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

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

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


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

修改

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

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

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

您甚至可以找到具有originalClass属性的所有元素。

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

或查找已从原始属性修改class属性的元素。

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