点击修改元素背景颜色

最新推荐文章于 2023-02-11 11:58:16 发布

图果茶茶

最新推荐文章于 2023-02-11 11:58:16 发布

阅读量951

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/tucuochacha/article/details/85112969

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

 <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>

效果：