JQuery之jsTree树形插件

jsTree是一个基于jQuery的树形插件，可以用来创建交互式的树形菜单。以下是一个简单的jsTree使用示例：

1. 首先，确保你的页面中包含了jQuery和jsTree的库：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.8/themes/default/style.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.8/jstree.min.js"></script>

2. 在HTML中添加一个容器来显示树：

<div id="jstree"></div>

3. 使用jQuery初始化jsTree插件，并配置树形菜单的数据：

$(function() {
    $('#jstree').jstree({
        'core' : {
            'data' : [
                { "text" : "Parent 1", "children" : [
                    { "text" : "Child 1" },
                    { "text" : "Child 2" }
                ] },
                { "text" : "Parent 2" },
                { "text" : "Parent 3" }
            ]
        }
    });
});

这段代码会在页面上创建一个简单的树形结构，其中包含三个父节点和一些子节点。你可以根据需要调整数据结构来添加更多的层级和节点。jsTree还支持异步加载节点数据、节点选择、节点编辑等功能，可以根据项目需求进行深度定制。