Query的addClass与removeClass移除在使用s

Query的addClass与removeClass移除在使用s

本文介绍了jQuery的addClass与removeClass移除在使用setInterval的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想改变类的名称,每3秒。卜这是行不通的。我怎样才能做到这一点?

  $(文件)。就绪(函数(){
        功能moveClass(){
            变种X = $('liveEvents。');
            x.removeClass('liveEvents');
            x.addClass('liveEventsActive');
            x.removeClass('liveEventsActive');
            x.addClass('liveEvents');
       }

        的setInterval(moveClass,3000);
        返回false;
    });
 

解决方案

您可以在一行中做到这一点。使用 toggleClass

 的setInterval(函数(){$('liveEvents。')toggleClass('liveEventsActive')},3000);
 

如果你正确地做你的CSS,你并不需要删除 liveEvents 类。只要在 liveEventsActive 类覆盖你需要什么。

I want to change class name every 3 seconds. Bu it doesn't work. How can I do this?

$(document).ready(function() {
        function moveClass(){
            var x = $('.liveEvents');
            x.removeClass('liveEvents');
            x.addClass('liveEventsActive');
            x.removeClass('liveEventsActive');
            x.addClass('liveEvents');
       }

        setInterval(moveClass, 3000);
        return false;
    });
解决方案

You can do this in one line. Use toggleClass:

setInterval(function(){$('.liveEvents').toggleClass('liveEventsActive')}, 3000);

If you do your CSS correctly, you don't need to remove the liveEvents class. Just make the liveEventsActive class overwrite what you need.

这篇关于jQuery的addClass与removeClass移除在使用setInterval的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-13 13:48