js怎么设置按钮点击后改变颜色

我已经设置好三个按钮，怎么设置js可以实现点击按钮后。此按钮颜色改变，其他2个按钮颜色不变。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>

<script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>

<script>
        $(function(){
        $("#btn1").click(function() {
            $("#content1").toggle();
            var str = btn.innerHTML =="按钮1"?  "显示":"按钮1";
            btn.innerHTML =str;
        });
        $("#btn2").click(function() {
            $("#content2").toggle();
            var str = btn.innerHTML =="隐藏"?  "显示":"隐藏";
            btn.innerHTML =str;
        });
        $("#bt3").click(function() {
            $("#content3").toggle();
            var str = btn.innerHTML =="隐藏"?  "显示":"隐藏";
            btn.innerHTML =str;
        });
    });
</script>
<body>

     <button id="btn1" >第一页1</button>
  <button id="btn2" >第二页2</button>
  <button id="btn3" >第三页</button>
  <p id="content1">1也许明天,也许梦里，我重新拾起我最爱的诗，感动了所有的风和日丽</p>
  <p id="content2">2也许明天,也许梦里，我重新拾起我最爱的诗，感动了所有的风和日丽</p>
  <p id="content3">3也许明天,也许梦里，我重新拾起我最爱的诗，感动了所有的风和日丽</p>
</body>
</html>

  $(function(){
        $("#btn1").click(function() {
            $("#content1").toggle();
            var str = btn.innerHTML =="按钮1"?  "显示":"按钮1";
            btn.innerHTML =str;
                        btn1.css('color','#0062cc');
        });

    }

$("#btn1").css("background","red");
或者
// document.getElementById("btn1").style.background="red";

<style>
    .a {
      background-color: red;
    }
  </style>

 $("button").click(function() {
      console.log(this);
      $(this).addClass('a').siblings().removeClass('a')
    })

这里用到了排他思想给自己加样式给兄弟元素去除样式不懂得再问我

没太看明白问题，js里的btn 并没有给定义，
so只告你个给点击按钮设置css颜色

        $("#btn1").click(function() {
                $(this).css('backgroundColor','red');
        });

$(this).css('backgroundColor','red');

1 给元素添加新的class名，
2 给元素添加行内颜色样式