removeClass 按鈕點擊添加class效果

案例一：

html代碼：

<ul class="pubClass" id="pubClass">
    <li class="active">
        <a href="#tag1">aa</a>
    </li>
    <li>
        <a href="#tag2">bb</a>
    </li>
    <li>
        <a href="#tag3">cc</a>
    </li>
/ul>

jquery代碼：

<script>
    $(function(){
        $("#pubClass li").click(function(){
            $("#pubClass li").eq($(this).index()).addClass("active").siblings().removeClass("active");
         })
    })
</script>

 

 

案例二：

html代碼：

<div class="game">
    <span class="active">全部</span>
    <span>游戲1</span>
    <span>游戲2</span>
</div>
<div class="game">
    <span class="active">全部</span>
    <span>視頻1</span>
    <span>視頻2</span>
</div>

jquery代碼：

<script type="text/javascript">
    $(function () {
        $('.game span').click(function () {
            $(this).addClass('active').siblings().removeClass('active').end();
        });
    }); 
</script>