主要代码如下： ! doctype html html head meta charset ="utf-8" title jQuery多级菜单-jq22.com / title script src ="https://libs.baidu.com/jquery/1.11.3/jquery.min.js" / script style / style / head body ul li 一级菜单 / li li 一级
主要代码如下：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery多级菜单-jq22.com</title> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> </style> </head> <body> <ul> <li>一级菜单</li> <li>一级菜单</li> <li>一级菜单 <ul> <li>2级菜单</li> <li>2级菜单</li> <li>2级菜单 <ul> <li>3级菜单</li> <li>3级菜单</li> <li>3级菜单</li> </ul> </li> http://www.jq22.com/webqd6192</ul> </li> <li>一级菜单 <ul> <li>2级菜单</li> <li>2级菜单</li> <li>2级菜单 <ul> <li>3级菜单</li> <li>3级菜单</li> <li>3级菜单</li> </ul> </li> </ul> </li> </ul> <script> $(function() { $("*").click(function() { return false; }) $("li:has(ul)").click(function() { $(this).children().toggle(); return false; }); }) </script> </body> </html>View Code
主要研究..这思维逻辑,尽可能从Jq中提取出原生JS粗来实现