zoukankan      html  css  js  c++  java
  • JQ实现树形菜单点击高亮

    之前写好的树形菜单,点击松开鼠标后没有相应的变红,交互不明显,不知道自己点击的是哪一个。

    思路:用jq写一个方法,点击树形菜单任意一项,字体变红色,点击其他项时,除了被点击的其余全部恢复未被点击的样子。

              分析树形菜单结构,每一项都是被<li>包裹的,但是<li>下面还有<span>和<div>,文字在<div>中。

              给li下的div一个点击事件,然后被点击的<DIV>addClass红色样式。查看了一下效果,发现这样的话每一个被点击的都会变红,然后就全红了。

    哦对了,还要防止冒泡,所以加了“event.stopPropagation”。

             所以当点击下一个的时候,前面变红的那个应该清除一下样式,用for循环遍历一开始就给所有的<div>清除样式。

     本次用到的知识点,JQ的   .live(),防冒泡,for循环遍历, removeClass([class|fn]),addClass([class|fn]),对于jq的基础很是很差,语法基本不熟悉。

  • 相关阅读:
    【CF 547E】 Mike and Friends
    [LNR#2 D1T3] 不等关系
    [THUPC2019] 不等式
    [THUPC2019]过河卒二
    [THUPC2018] 绿绿和串串
    【IOI2018】组合动作
    229. Majority Element II My Submissions Question
    169. Majority Element My Submissions Question
    ### Caffe
    ### OpenCV安装(Linux)
  • 原文地址:https://www.cnblogs.com/kido050313/p/7575269.html
Copyright © 2011-2022 走看看