Здравствуйте.Подскажите пожалуйста как данный скрипт представить в более правильном виде. А то как то не красиво
$(function(){
$('.tab').on('click',function(){
$('.component').css('background','gray')
})
$('.tab2').on('click',function(){
$('.component').css('background','red')
})
$('.tab3').on('click',function(){
$('.component').css('background','blue')
})
})
<button class="tab">Gray</button>
<button class="tab2">Red</button>
<button class="tab3">Blue</button>