[官方文檔]([http://www.treejs.cn/v3/api.php](http://www.treejs.cn/v3/api.php))
1、 引入
~~~
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
<script src="https://cdn.bootcss.com/zTree.v3/3.5.40/js/jquery.ztree.core.js"></script>
<link href="https://cdn.bootcss.com/zTree.v3/3.5.40/css/zTreeStyle/zTreeStyle.css" rel="stylesheet">
~~~
2、編寫html
~~~
<ul id="treeDemo" class="ztree"></ul>
~~~
3、編寫js代碼
~~~
var zTreeObj;
// zTree 的參數配置，深入使用請參考 API 文檔（setting 配置詳解）
var setting = {};
// zTree 的數據屬性，深入使用請參考 API 文檔（zTreeNode 節點數據詳解）
var zNodes = [
{name:"test1", open:true, children:[
{name:"test1_1"}, {name:"test1_2"}]},
{name:"test2", open:true, children:[
{name:"test2_1"}, {name:"test2_2"}]}
];
$(document).ready(function(){
zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
});
~~~
