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>