[TOC]

新手入门 - 都在这里

下载 jsTree 或 使用 CDNJS

若选择下载，则所有所需的文件都在dist/目录下。

包含 jsTree 主题

支持自动加载主题，但为了性能考虑，建议包含主题的 CSS 文件。

若自己管理 CSS 文件：

若从 CDNJS加载文件：

创建一个容器

容器是一个放置树的地方，一个

就足够。此例子仅包含一个嵌套的
    ，没有任何其他数据源。

    译注：这个例子貌似真没有

      ，只有增加了下面这段 Js 才会默认生成一个空的
        ：

        $('#jstree_demo_div').jstree();

    引入 jQuery

    jsTree 要求 1.9.0 或以上版本的 jQuery，你可以使用一个 CDN 版本或引用本地的 js 文件。

    引入 jsTree

    若你自己管理 jsTree 的文件，对于线上生产项目请使用dist/jstree.min.js，对于开发项目请使用dist/jstree.js。

    若使用 CDNJS：

    创建一个实例

    当 DOM 就绪后，就可开始创建 jstree 实例。

    $(function () { $('#jstree_demo_div').jstree(); });

    监听事件

    当用户对树进行操作时，jsTree 通过事件告诉你发生了什么变化。在 jsTree 中绑定事件就像绑定一个普通的 click 事件那么简单。jsTree 提供的事件见API 页面。

    $('#jstree_demo_div').on("changed.jstree", function (e, data) {

    在实例上操作

    一旦树创建完毕，你可对树进行一些操作。jsTree 提供的操作方法见API 页面。

    下面 3 个例子的作用是一样的：

    $('button').on('click', function () {

    所有代码