jQ通过下标改变元素样式

简单的方式就是通过类名来改变的

主要就是 点击后给这元素添加类名来改变的

//css样式
        .active {
            background: #00c;
            color: #fff;
        }

//事件

    $(document).ready(function () {
        $("div span").click(function () {
        //改变元素样式
$(this).addClass("active").siblings().removeClass("active")
            //获取被单击元素所在集合中下标
            var i = $("div span").index(this)
        })
    })

页面

    <p>客户分类</p>
    <div>
        <span>财务</span>
        <span>沟通</span>
        <span>交流</span>
    </div>

效果图