jQuery高亮当前选中菜单详解编程语言

假如页面中有以下菜单

<ul class="nav navbar-nav"> 
	<li class="active"><a href="/index.html">首页</a></li> 
	<li id="archive"><a href="/archive.html">归档</a></li> 
	<li id="categorys"><a href="/categorys.html">分类</a></li> 
	<li id="about"><a href="/about.html">关于</a></li> 
</ul>

如果不是Bootstrap自行定义active CSS样式

<script type="text/javascript"> 
	$(document).ready(function() { 
		$(".navbar-nav li").click(function() { 
			$(this).addClass("active").siblings().removeClass("active"); 
		}); 
	}); 
</script>

作者：blog.ytso.com