Add Remove Classes Using JQuery / Add or Remove Class JQuery

 <style>
  p {
    color: red;
    margin: 5px;
    cursor: pointer;
  }

  .activecolor{color:#fff; background:red; padding:5px;}
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <!-- CDN Network -->



<p>First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>

  <script>
$("p").click(function() {
      $("p.activecolor").removeClass('active');
  $( this ).addClass('active');
});
</script>