Как переключить класс в навбаре по ховеру?

document.querySelectorAll('a').forEach(function(el) { 
  el.addEventListener('mouseenter', function() { 
    document.querySelector('a.active').classList.remove("active"); 
    this.classList.add("active"); 
  }); 
});

.active { 
  color: red; 
}

<ul> 
  <li><a class="active">link1</a></li> 
  <li><a>link2</a></li> 
  <li><a>link3</a></li> 
</ul>

$("a").on("mouseenter", function() { 
  $("a").removeClass("active"); 
  $(this).addClass("active"); 
});

.active { 
  color: red; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<ul> 
  <li><a class="active">link1</a></li> 
  <li><a>link2</a></li> 
  <li><a>link3</a></li> 
</ul>