zoukankan html css js c++ java

基础的多级菜单一个没见过的思路

主要代码如下：

<!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粗来实现

查看全文

相关阅读:
流程控制之while循环
 流程控制之if...else
基本运算符
 基本数据类型
 注释
 用户交互
 常量
 test
查询方法
 删除代码

原文地址：https://www.cnblogs.com/ncellit/p/11423231.html