点击按钮变色

最新推荐文章于 2024-07-04 20:21:08 发布

原创最新推荐文章于 2024-07-04 20:21:08 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

Jquery 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用jQuery简化DOM操作的方法，通过点击事件使被点击的按钮高亮显示，并取消其他按钮的高亮状态。该技术适用于网页中需要突出显示当前选中项的场景。

<meta charset="utf-8"/>
<button id="btn1" class="btn btn-primary btn-xs" value="today">今天</button>
<button id="btn1" class="btn btn-primary btn-xs" value="today">今天</button>
<button id="btn1" class="btn btn-primary btn-xs" value="today">今天</button>
<button id="btn1" class="btn btn-primary btn-xs" value="today">今天</button>
<script src="jq.js"></script>
<script>
    $(function(){
        //不能根据ID进行点击 id只能使用一次 只能使用class
        $('.btn').click(function(){
            $(this).css('background',"#B1B1B1").siblings().css('background',"");
        })
    })
</script>