jQuery在一定时间内添加类

Question

如何才能将css类添加到元素中仅10秒钟？

Answer 1

一个很好的可重用方式是这个小jQuery插件:

(function($){

    $.fn.extend({ 

        addTemporaryClass: function(className, duration) {
            var elements = this;
            setTimeout(function() {
                elements.removeClass(className);
            }, duration);

            return this.each(function() {
                $(this).addClass(className);
            });
        }
    });

})(jQuery);

使用如下:

$("#myElement").addTemporaryClass("myClass", 10000);