jQuery - изменить цвет фона при щелчке

Question

Предположим, внутри документа есть 4 метки, и я хочу, чтобы фон стал белым, когда я нажимаю, но когда я нажимаю на другую метку, предыдущая метка должна вернуться к ее умолчанию (без использования класса add или удалить класс)

https://s25.postimg.org/kb1m0re0f/screenshot_9.png

<header> 
    <label for="slide_trigger1"> 
     <i class="fa fa-dot-circle-o" aria-hidden="true"></i> 
    </label> 
    <label for="slide_trigger2"> 
     <i class="fa fa-dot-circle-o" aria-hidden="true"></i> 
    </label> 
     <label for="slide_trigger3"> 
     <i class="fa fa-dot-circle-o" aria-hidden="true"></i> 
     </label> 
     <label for="slide_trigger4"> 
     <i class="fa fa-dot-circle-o" aria-hidden="true"></i> 
     </label> 
</header> 

<script>  
    $(document).ready(function(e) { 
     $('label').click(function() { 
      $(this).css({"background":"#fff","color":"green","border-radius":"100%" }); 
     }); 
    }); 
</script> 

Answer 1

Используйте removeAttr() метод JQuery для удаления встроенного стиля в Контрактном элементе.

$('label').click(function(){ 
$('label').removeAttr('style'); 
$(this).css({"background":"#fff","color":"green","border-radius":"100%" }); 
});