为选中的按钮添加特定属性

为选中的按钮添加特定属性

原生 JS

//获取对象        
const buttons = document.querySelectorAll("button")
//遍历对象，为对象添加监听事件
 for(let i =0;i < buttons.length;i++){
    buttons[i].addEventListener('click',function () {
        //先清空，再添加
            for(let i =0;i < buttons.length;i++){
                    buttons[i].style.background = ''
                }
                this.style.background = 'red'
            })
        }

jQuery（利用了排他思想）

        $(function () {
            $('button').click(function () {
                $(this).css('background','red')
                //排他
                $(this).siblings().css('background','')
            })
        })