博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery实现菜单激活
阅读量:6258 次
发布时间:2019-06-22

本文共 398 字,大约阅读时间需要 1 分钟。

当点击某个菜单的时候,将其点击的当前菜单激活,其他菜单失去激活的状态

HTML代码

jq实现的过程

$('#menu a').each(function () {      $(this).on('click',function () {          $(this).siblings('a').removeClass('active');          $(this).addClass('active');      })  })

思路:

  • 为每一个菜单绑定点击事件;
  • 事件中的函数执行操作:1.移除同胞元素中类中的active,当前菜单类中加入active
    1473748-20190306094745772-1489919893.gif

转载于:https://www.cnblogs.com/ssjt/articles/10481418.html

你可能感兴趣的文章
poj2752 Seek the Name, Seek the Fame(next数组的运用)
查看>>
pgpgin|pgpgout|pswpin|pswpout意义与差异
查看>>
全排列(递归与非递归实现)
查看>>
[转] C/C++中printf和C++中cout的输出格式
查看>>
swift 如何实现点击view后显示灰色背景
查看>>
【Android】3.9 覆盖物功能
查看>>
Plus One
查看>>
Git -- 创建版本库
查看>>
myeclipse 怎么安装与激活
查看>>
Atitit.异步编程的发展历史 1.1. TAP & async/await
查看>>
RTP timestamp与帧率及时钟频率的关系
查看>>
企业门户平台解决方案
查看>>
过滤器入门
查看>>
深入浅出讲解:php的socket通信
查看>>
Photoshop 批量处理图片
查看>>
浅谈C# 多态的魅力(虚方法,抽象,接口实现)
查看>>
jQuery--百度百科
查看>>
Unity3D 之2D动画机
查看>>
基础知识系列☞闲言
查看>>
蓝牙Ibeacon室内定位和微信摇一摇周边原理分析
查看>>