怎么用jquery给一个li标签添加和去掉class属性

用juqery 当点击一个菜单的时候给这个菜单的li标签添加一个class属性，当点击其他菜单的时候把这个class属性再给其他菜单，让前一个菜单的class属性消失，怎么写

<ul>
    <li>a</li>
    <li>b</li>
</ul>

这样写吧：

 $(function(){
        $("ul > li").click(function(){
             $.each($('ul > li'), function(i, o){
                    if($(this).hasClass('className')){
                            $(this).removeClass('className');
                    }
            });
                $(this).addClass('className');
    });

});

给

$("#xxx").remove/addClass();

 $("li").addClass('xxx').slbings().removeClass("xxx");

 <ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
</ul>
<style>.focus{background-color:#f00}</style>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    $('li').click(function () { $(this).addClass('focus').siblings().removeClass('focus') })
</script>

如果你的菜单会跳转，应该获取url地址和菜单的href对比，再加css，参考：网站导航栏目焦点设置