Fatal编程技术网

活动类javascript

javascript jquery html css

活动类javascript,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我使用了以下代码来显示菜单 <ul id="menu"> <li id="11"><a href="#1" class="cross-link cross-link1">Start a League</a><span></span></li> <li id="12"><a href="#2" class="cross-link cross-link1">Roster Set

我使用了以下代码来显示菜单

<ul id="menu">
    <li id="11"><a href="#1" class="cross-link cross-link1">Start a League</a><span></span></li>
    <li id="12"><a href="#2" class="cross-link cross-link1">Roster Settings</a><span></span></li>
    <li id="13"><a href="#3" class="cross-link cross-link1">Draft Settings</a><span></span></li>
    <li id="14"><a href="#4" class="cross-link cross-link1">Transaction Settings</a><span></span></li>
    <li id="15"><a href="#5" class="cross-link cross-link1">Playoff Settings</a><span></span></li>
    <li id="16"><a href="#6" class="cross-link cross-link1">Launch Your League!</a><span></span></li>
</ul>

    

  • 

  • 

  • 

  • 

  • 

  •
如果单击任何菜单，则应在该特定li中添加类
active
。我如何使用javascript实现它。

使用jQuery：

$("li").click(function() {
    $("li").removeClass("active");
    $(this).addClass("active");
});
我想您只需要一个
    • 活动的
    类
    
演示：
    使用jQuery：
    

    $("li").click(function() {
    $("li").removeClass("active");
    $(this).addClass("active");
});

    
我想您只需要一个
    • 活动的
    类
    
演示：