jquery用一句代码就能实现的无限层菜单导航实例亲测 原创

文章标签: event 菜单特效
  • :
  • 03-20 14:43
  • :
  • 33次
  • :
  • 0条
  • 0赞

简介本文讲的是利用jquery的event对象来制作一个无限级子菜单的导航实例,并且附有完整的在线演示实例。l

本文站长给大家讲一个利用jquery的event内置对象来制作一个无限级子菜单的菜单导航实例,非常简单,只用一句代码就能实现,大家可以先点下面的链接查看具体的在线实例演示:

jquery制作的无限层菜单导航实例演示

上面的在线实例演示中,大家可以自己修改源码里的菜单列表,可以无限的增加子菜单。

下面是上面在线实例的截图:

下面是其中的核心代码:

$("#aijquery").click(function(event){
    $(event.target).children("ul").toggle();
});

上面的代码很简单:

$(event.target)的意思是获取当前鼠标点击的标签;

   PS:可参考:jquery函数内置对象event的各种属性的方法的详解及在线实例演示

children("ul")的意思是获取子标签中的ul标签;

toggle():jquery的一个内置函数,用来切换元素的显示或隐藏;



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-15 15:45:38