效果如下：
[img]http://files.jb51.net/file_images/article/201309/201394182329523.png?201384182429[/img]
[url=#]<li><a href="#">博客</a></li>
<li><a href="#">论坛</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">联系</a></li>
</ul>
</div>
<script type="text/javascript">
$(".nav ul li a").click(function(){if($(this).has(".onNav")){
$(this).addClass("onNav").parent("li").siblings("li").find("a").removeClass("onNav");}})
</script>
</body>
</html>
js部分：
<script type="text/javascript">
$(".nav ul li a").click(function(){if($(this).has(".onNav")){ //找到a标签添加click事件，判断是否有背景存在
$(this).addClass("onNav").parent("li").siblings("li").find("a").removeClass("onNav");}}) //添加类并移除已有的类
</script>
上面是一种方法，以下是另外一种：
<script type="text/javascript">
$(".nav ul li a").click(function(){ //找到a标签并添加click事件
var inx = $(this).parent("li").index(); //定义变量inx,返回这个元素在同辈中的索引位置
$(".nav ul li").find("a").removeClass("on_nav"); //移除已有的类
$(".nav ul li").eq(inx).find("a").addClass("on_nav"); //获取点击元素并添加类
</script>
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
