jquery tab选项卡切换功能

1、引入jquery文件

<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>

2、html代码

<div class="tab_div">
    <ul class="tab">
        <li class="cur">网页特效</li>
        <li>建站源码</li>
    </ul>
    <div class="tab_cont on">
        <p>11111111111111</p>
        <p>11111111111111</p>
        <p>11111111111111</p>
        <p>11111111111111</p>
        <p>11111111111111</p>
    </div>
    <div class="tab_cont">
        <p>2222222222222</p>
        <p>2222222222222</p>
        <p>2222222222222</p>
        <p>2222222222222</p>
        <p>2222222222222</p>
    </div>
</div>

3、js代码

<script>
$(".tab li").click(function() {
    $(this).addClass("cur").siblings().removeClass('cur');
    $(".tab_cont").eq($(".tab li").index(this)).addClass("on").siblings().removeClass('on');
});
</script>