用jquery实现，被点击的<button>便背景色

Question

有多个<button>公用同一个点击事件，点谁谁变色，按钮变色在点击事件里处理jquery

Answer 1

$('button').click(function(){
    $(this).css('background','red')
});

Answer 2

给每个button加个class ,例如class="button",然后$('button')改为$('.button')不同按钮变的颜色要不要不一样啊？

Answer 3

不同按钮变的颜色要不要不一样啊？
2楼请看下楼主的帖子---<button>

Answer 4

不同按钮变的颜色要不要不一样啊？
2楼请看下楼主的帖子---<button>是不是应该使用each啊？

Answer 5

不同按钮变的颜色要不要不一样啊？
2楼请看下楼主的帖子---<button>是不是应该使用each啊？
如果是要用each遍历绑定的话，那实在是没变要~~

Answer 6

还要注意把其他按钮的背景颜色变回来
$('button').click(function(){
    $(this).css('background','red').sibling().css('background','white');
});

Answer 7

$(document).ready(function(){
$("button").click(function(){
$(this).css("background","red").siblings().css("background","");
});
});

Answer 8

给每个button都绑定事件的写法是不可取的，因为这样浪费内存资源。
比较好的写法是，写一个委托，当这些事件冒泡上来时统一处理，大概如下：$(function(){
  $("#btnContainer").on("click","button",function(){
     $(this).css("background","#CCC").siblings("button").css("background","#000");
  });
})楼主根据实际情况稍做修改一下，望采纳，谢谢！