add & remove class over $(this)

HTML

<ul>
    <li>Milk</li>
    <li>Bread</li>
    <li>Chips</li>
    <li>Socks</li>
  </ul>

CSS

.hover{color:green;
font-size: 20px;
}

JavaScript

//add & remove class over $(this)

$("li").click(
  function () {
    $(this).addClass('hover');
  }, 
  function () {
    $(this).removeClass('hover');
  }
);