Html+Css中导航点击事件

<!--左侧导航-->
<div class="left_navbar">
<!--头部用户头像&&用户昵称&&用户简介-->
<div class="top_content">
<!--用户头像-->
<div class="top_img">
<img src="images/img.jpg">
</div>
<!--用户昵称-->
<div class="top_nickname">
Louis
</div>
<!--用户简介-->
<div class="top_btn">
<button type="submit" class="btn_leaves">给我留言</button>
<button type="submit" class="btn_add">关注我</button>
</div>
</div>
<!--导航-->
<div class="navbar">
<ul>
<li class="active"><a href="index.html">空间首页</a></li>
<li><a href="exp.html">产品案例</a></li>
<li><a href="list.html">观点博文</a></li>
<li><a href="">企业商城</a></li>
<li><a href="">企业简介</a></li>
<li><a href="">联系我们</a></li>
<li><a href="photograh.html">专辑相册</a></li>
<li><a href="zuopin.html">原创作品</a></li>
<li><a href="list.html">观点博文</a></li>
<li><a href="content.html">个人介绍</a></li>
<li><a href="attention.html">他的关注</a></li>
<li><a href="message.html">最新留言</a></li>
</ul>
</div>

<!--使用Jq定位获取点击事件,给被点击导航增加类名，Css中处理样式-->

<pre accuse="aRA" style="margin-top: 0px; margin-right: 100px; margin-bottom: 0px; padding: 0px; font-family: arial, 'courier new', courier, 宋体, monospace; white-space: pre-wrap; word-wrap: break-word; color: rgb(51, 51, 51); font-size: 14px; line-height: 24px; background-color: rgb(241, 254, 221);"><script>

$($(".navbar li").click(function(){
$(".navbar li").removeClass("active");//先移除
$(this).addClass("active");//再增加
}));

</script>