主要代码如下：
<!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>
主要研究..这思维逻辑,尽可能从Jq中提取出原生JS粗来实现
原文地址：https://www.cnblogs.com/ncellit/p/11423231.html
时间： 2024-11-15 00:23:10