jquery添加删除类onclick

时间:2011-08-21 11:38:45

标签: jquery navigation addclass removeclass

我有任何导航菜单!

   <div class="nav">
    <ul class="navigation">
    <li class="selected"><a href="#">HOME</a></li>
    <li><a href="#">PROFILE></a></li>
    <li><a href="#">CONTACTUS</a></li>
    <li><a href="#">ABOATUS</a></li>
    </ul>
    </div>

现在如何在点击任意(个人资料,联系人,约束)之后添加所选课程,并使用Jquery删除所选的家庭。

由于

3 个答案:

答案 0 :(得分:14)

假设您只想拥有类名selected一个元素,我建议:

$('ul.navigation li a').click(
    function(e) {
        e.preventDefault(); // prevent the default action
        e.stopPropagation(); // stop the click from bubbling
        $(this).closest('ul').find('.selected').removeClass('selected');
        $(this).parent().addClass('selected');
    });

JS Fiddle demo

答案 1 :(得分:7)

你可以使用toggleClass:

$("#myElement1").click(function(){
   $("#myElement2").toggleClass("myClass");
});

答案 2 :(得分:4)

$("a").click(function()
{
  $("a").parent().removeClass("selected");

  $(this).parent().addClass("selected");
});

Live Demo