[jquery] 클릭한 요소 제외하고 이벤트 걸기 not()

<div class="category_tab" >
            <div class="search_tab tab_01"><button>대표브랜드</button></div>
            <div class="search_tab tab_02"><button>전체브랜드</button></div>
            <div class="search_tab tab_03"><button>카테고리별</button></div>
 </div>

<script>
$('.search_tab button').click(function(){
            $(this).css({color:'#fff',backgroundColor:'#111'}); //클릭한 버튼 글자색은 #ffff,바탕은 #111
            $('.search_tab button').not(this).css({color:'#111',backgroundColor:'#fff'}); // 클릭한 버튼 제외는 글자색은 #111,바탕은 #fff
              
 });
</script>

<style>
.search_tab{width:200px;height:30px;color:#111;border:1px solid #111;background-color:#fff;margin-bottom:20px;}
.search_tab button{width:100%;height:100%;color:inherit;text-align:center;}

</style>

실행결과