Как добавить активный класс в якорный тег в HTML

---

Как добавить / удалить активный класс на якорном теге я использую следующий код HTML и CSS
какой jquery я должен использовать?



Спасибо

Что я уже пробовал:

<pre lang="HTML">
&lt;header class="clearfix">
			<div class="logo">
				<a href="Default.aspx"><img src="images/logo.png" alt="" /></a>
			</div>

			<a class="elemadded responsive-link" href="#">Menu</a>

			<nav class="nav-menu">
				<ul class="menu-list nav nav-list">
					<li><a class="active" href="Default.aspx">Home</a></li>
					<li><a href="about.aspx">About</a></li>
					<li><a href="gallery.aspx">Gallery</a></li>
                    <li><a href="services.aspx">Our Services</a></li>
					<li class="drop"><a href="flowing.aspx">Our Flowings</a>
						<ul class="dropdown">
							<li><a href="collecting.aspx">Collecting</a></li>
							<li><a href="packing.aspx">Packing</a></li>
							<li><a href="transportation.aspx">Transportation</a></li>
							<li><a href="removals.aspx">Removals</a></li>
							<li><a href="preaparing.aspx">Preparing</a></li>
							<li><a href="delivery.aspx">Delivery</a></li>
						</ul>
					</li>
					<li><a href="blog.aspx">News</a></li>
					<li><a href="contact.aspx">Contact</a></li>
                    <li class="blink-text"><a href="virtualtour.aspx">Virtual Tour</a></li>
                    <li class="drop"><a href="#">Login</a>
						<ul class="dropdown">
							<li><a href="DashBoardHome.aspx">Admin</a></li>
							<li><a href="ClientLogin.aspx">Client</a></li>
						</ul>
					</li>
				</ul>
			</nav>
			
		&lt;/header>

</pre>

header nav.nav-menu ul.menu-list li a.active,
header nav.nav-menu ul.menu-list li a:hover {
  color: #ffffff;
  background: #006db7;
}

---