jQuery高亮当前选中菜单

标签：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>

作者：itmyhome

jQuery高亮当前选中菜单

标签：jquery   高亮   菜单   

原文地址：http://blog.csdn.net/itmyhome1990/article/details/42495181