zXus,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
body a{
color: #FFFFFF;
}
.active {
background: #FFCC00;
}
.part{
background: #339900;
}
a {
cursor: pointer;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
$("a").click(function(){
$(".part").removeClass("part");
$(this).addClass("active");
});
});
</script>
</head>
<body>
<div><a href="#" class="part">test</a></div>
</body>
</html>