当点击某个菜单的时候,将其点击的当前菜单激活,其他菜单失去激活的状态
HTML代码
jq实现的过程
$('#menu a').each(function () { $(this).on('click',function () { $(this).siblings('a').removeClass('active'); $(this).addClass('active'); }) })
思路:
- 为每一个菜单绑定点击事件;
- 事件中的函数执行操作:1.移除同胞元素中类中的active,当前菜单类中加入active