在项目的前端页面里,相对于其它的导航菜单,激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种,下面是使用 JQuery 实现的一种方式:

<ul id='nav'>

    <li>导航一</li>

    <li>导航二</li>

    <li>导航三</li>

</ul>

//注意:代码需要修饰完善

$('#nav').click(function(e) { // 要知道siblings的使用

    $(e.target).addClass('tclass').siblings('.tclass').removeClass('tclass');; });