jQuery样式操作方法整理介绍

$(this).css("color");

$(this,css("color","red");

$(this).css({"color":"white","font-size":"20px"});

$("div").addClass("current');

$("div").removeClass("current');

$("div").toggleClass("current");

$(function() {
       // 1.点击上部的li，当前li 添加current类，其余兄弟移除类
       $(".tab_list li").click(function() {
       // 链式编程操作
       $(this).addClass("current").siblings().removeClass("current");
       // 2.点击的同时，得到当前li 的索引号
       var index = $(this).index();
       // 3.让下部里面相应索引号的item显示，其余的item隐藏
       $(".tab_con .item").eq(index).show().siblings().hide();
    });
})

<div class="tab">
        <div class="tab_list">
            <ul>
                <li class="current">商品介绍</li>
                <li>规格与包装</li>
                <li>售后保障</li>
                <li>商品评价（50000）</li>
                <li>手机社区</li>
            </ul>
        </div>
        <div class="tab_con">
            <div class="item" style="display: block;">商品介绍模块内容</div>
            <div class="item">规格与包装模块内容</div>
            <div class="item">售后保障模块内容</div>
            <div class="item">商品评价（50000）模块内容</div>
            <div class="item">手机社区模块内容</div>
        </div>
</div>