版权声明：所有原创，转载请在开头注明出处 https://blog.csdn.net/SELECT_BIN/article/details/90474888
------------------------------记事本系列
ztree的树形结构：
{"id":1,"pId":0,"name":"父节点一"},{"id":2,"pId":0,"name":"父节点二"},{"id":11,"pId":1,"name":"子节点一"},{"id":12,"pId":1,"name":"子节点二"},{"id":13,"pId":2,"name":"子节点三"},{"id":14,"pId":2,"name":"子节点四"} data:[ {id:0,text:"全部",children:[ {id:"1",text:"node1"}, {id: 2, text:"node2"}, {id:"3", checked:true,text:"node3"}, //复选框有效可用checked属性 {id:"5",text:"node4",children:[ {id:"5",text:"node4-1",iconCls:"icon-save"}, {id:"6",text:"node4-1"} ]} ]} ], [ //节点 { name: '常用文件夹' ,id: 1 ,alias: 'changyong' ,children: [ { name: '所有未读' ,id: 11 ,href: 'http://www.layui.com/' ,alias: 'weidu' }, { name: '置顶邮件' ,id: 12 }, { name: '标签邮件' ,id: 13 } ] }, { name: '我的邮箱' ,id: 2 ,spread: true ,children: [ { name: 'QQ邮箱' ,id: 21 ,spread: true ,children: [ { name: '收件箱' ,id: 211 ,children: [ { name: '所有未读' ,id: 2111 }, { name: '置顶邮件' ,id: 2112 }, { name: '标签邮件' ,id: 2113 } ] }, { name: '已发出的邮件' ,id: 212 }, { name: '垃圾邮件' ,id: 213 } ] }, { name: '阿里云邮' ,id: 22 ,children: [ { name: '收件箱' ,id: 221 }, { name: '已发出的邮件' ,id: 222 }, { name: '垃圾邮件' ,id: 223 } ] } ] } ] 
ztree：http://www.treejs.cn/v3/api.php
layui tree:https://www.layui.com/doc/modules/tree.html
easyUI:http://www.jeasyui.net/tutorial/57.html
再贴一个easyui的demo网址，用起来方便：http://www.jeasyui.net/demo/380.html
这里提供一个速查的入口，
见仁见智；
文章来源: https://blog.csdn.net/SELECT_BIN/article/details/90474888