<div class="tab">

    <div class="tab_menu">

        <ul>

            <li class="selected">时事</li>

            <li>体育</li>

            <li>娱乐</li>

        </ul>

    </div>

    <div class="tab_box">

        <div>时事</div>

        <div class="hide">体育</div>

        <div class="hide">娱乐</div>

    </div>

</div>    　

var $div_li = $("div.table_menu ul li");

$div_li.click(functijon(){

    $(this).addClass("selected") //当前<li>高亮

        .siblings().removeClass("selected"); //其他同辈<li>去掉高亮

    var index = $div_li.index(this); //获取当前点击<li>在所有<li>中的索引

    $("div_tab_box>div") //选取子节点

        .eq(index).show(); //显示当前<li>对应的tab内容

        .siblings().hide();	//隐藏其他同辈<li>对应的tab内容

});