Javascript 如何使用jquery将活动类添加到span class链接

我复制了这个脚本作为一个弹出框，用于我个人网站上的一些内容。不了解JS，我想知道是否有可能在我标记为MANAGE的span类中添加一个“active”类，以便在内容打开时对其进行样式设置。我曾尝试在css中使用：active，但它不起作用，所以我假设它需要添加到这个脚本中

<div id="login_buttons">
<span id="loginlink" class="readmore_jq">MANAGE</span><div class="hide1"><module name="MESSAGE2"/></div>
</div>


<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
    $('.hide1').hide();
    $('.readmore_jq').click(function(){
        var t = $(this);
        t.next().toggle('slow');
    });
});
// ]]></script>

管理
// 

---

编辑：我在JSFIDLE中设置尝试所有答案，但仍然无法获得正常和活动状态

您可以使用

toggleClass（）

在单击的元素上切换类：

$(document).ready(function(){
    $('.hide1').hide();
    $('.readmore_jq').on('click', function(){
        $(this).toggleClass('active').next().toggle('slow');
    });
});

---

既然您正在使用jquery，我想您可以尝试以下代码

$('#loginlink').addClass('active');

此外，还有一个removeClass函数

---

希望有帮助

那么你想找到任何

span

中有

MANAGE

这个词的东西，并在其中添加一个

active

类

尝试以下jQuery：

$('span').each(function(){
    if($(this).html() == 'MANAGE')
        $(this).toggleClass('active')
});

---

以下所有答案均正确：您可以使用以下方法添加或删除类：

$('selector').addClass('class');

或

甚至

$('selector').toggleClass('class');

---

有关更多信息，请参阅，并在以后询问之前尝试搜索。

单击后，您可以通过jQuery向CSS添加更改。这是一个点击后的例子，它会将文本更改为js小提琴中的红色作品。这会让你走上正确的道路

$(document).ready(function(){
    $('.hide1').hide();
    $('.readmore_jq').click(function(){
        var t = $(this);
        t.next().toggle('slow');
        $( this ).css( "color", "red" );
    });
});

$('selector').toggleClass('class');

$(document).ready(function(){
    $('.hide1').hide();
    $('.readmore_jq').click(function(){
        var t = $(this);
        t.next().toggle('slow');
        $( this ).css( "color", "red" );
    });
});