jquery代码实现tab选项卡切换功能

引入jquery文件：

<script src="jquery.min.js"></script>

HTML代码：

<div class="tab_div">
    <ul class="tab">
        <li class="cur">tab1</li>
        <li>tab2</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>

JQ代码：

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