一菜单栏页面点击跳转另一菜单的页面时,菜单栏的高亮显示也随之跳转

1.先根据元素选中父页面 ( " . s u b l i " , p a r e n t . d o c u m e n t ) 2. 因 为 我 这 边 是 跳 转 到 第 一 个 菜 单 栏 所 以 (".subli", parent.document) 2.因为我这边是跳转到第一个菜单栏所以 (".subli",parent.document)2.(".subli", parent.document).first()
3添加高亮样式$(".subli", parent.document).first( ).addClass(“menuChange”)
4因为之前高亮显示是另一个菜单栏,要将其样式删除掉,使用 .siblings()方法(效果:被选元素的所有同级元素)来删除样式:最终写发是:
( " . s u b l i " , p a r e n t . d o c u m e n t ) . f i r s t ( ) . a d d C l a s s ( " m e n u C h a n g e " ) . s i b l i n g s ( ) . r e m o v e C l a s s ( " m e n u C h a n g e " ) 5 这 只 是 高 亮 显 示 操 作 , 同 时 页 面 跳 转 , 我 这 边 使 用 的 i f r a m e 引 入 的 : (".subli", parent.document).first( ).addClass("menuChange").siblings().removeClass("menuChange") 5这只是高亮显示操作,同时页面跳转,我这边使用的iframe引入的: (".subli",parent.document).first().addClass("menuChange").siblings().removeClass("menuChange")5,,使iframe:("#iframe标签id", parent.document).attr(“src”,“跳转页面路径”)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值