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

主要代码如下:

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

posted @ 2019-08-28 11:58  君宁天下  阅读(229)  评论(0编辑  收藏  举报
野生程序员真的是太难了,一刻也不敢停止学习