jstree的使用和基本案例

要使用JSTree，你需要引入相应的JavaScript和CSS文件。你可以从JSTree的官方网站（https://www.jstree.com/）下载最新版本的文件，或者使用CDN链接。

下面是一个简单的基本案例，展示了如何使用JSTree来创建一个静态的树形结构：

1. 首先，在HTML中创建一个空的`<div>`元素，用于容纳JSTree：

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

2. 然后，在JavaScript中初始化JSTree，并指定要显示的数据：

$(function() {
  $('#jstree').jstree({
    'core' : {
      'data' : [
        'Root node',
        {
          'text' : 'Child node 1',
          'children' : [
            { 'text' : 'Grandchild node 1' },
            { 'text' : 'Grandchild node 2' }
          ]
        },
        {
          'text' : 'Child node 2'
        }
      ]
    }
  });
});

3. 最后，确保你引入了jQuery和JSTree的JavaScript和CSS文件：

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

以上代码将创建一个包含根节点和两个子节点的树形结构。你可以根据需要添加更多的节点和子节点。

这只是一个简单的示例，JSTree还提供了许多其他功能和选项，如节点的交互操作、事件处理、主题样式定制等。你可以参考JSTree的官方文档和示例来深入了解其更高级的用法和功能。