点击修改元素背景颜色

 <style>
    .selected{
        color: #FFFFFF;
        background: url(selected.png) no-repeat;
        background-size: 100% 100%;
    }
</style>

 <div class="statusShow">
      <span class="selected">16</span>
      <span>18</span>
      <span>20</span>
      <span>22</span>
      <span>24</span>
</div>

<script type="text/javascript">
    $(document).ready(function () {

        $(document).on("click", "span",function () {
            $(".statusShow span").removeClass("selected");
            $(this).addClass("selected");
        })
    });

  
</script>

效果:

猜你喜欢

转载自blog.csdn.net/tucuochacha/article/details/85112969