ztree
Q：取treeObj对象没问题，获取所有选中节点，弹出空（非null）
A：getSelectedNodes 专门是获取 鼠标点击节点后的那种选中； 如果是 勾选的节点那么请使用getCheckedNodes 方法
Q：如何根据后端传回来的数据进行反显
A：zTreeObj.checkNode（Function(treeNode, checked, checkTypeFlag, callbackFlag)）
var treeObj = $.fn.zTree.getZTreeObj('componentName');
var comIdList = [‘A’，‘B’，‘C’];
comIdList.forEach(function (e) {
treeObj.checkNode(treeObj.getNodeByParam('comId', e), true, false);
});
checked = true 表示勾选节点
checked = false 表示节点取消勾选
checkTypeFlag = true 表示按照 setting.check.chkboxType 属性进行父子节点的勾选联动操作
checkTypeFlag = false 表示只修改此节点勾选状态，无任何勾选联动操作
可能出现的bug及解决方法：读取后端数据时，读取到父节点，因为有父子联动效果，导致子节点会全部勾选，但是子节点不需要全部勾选，所以需要判断该节点如果是父节点则不勾选，是子节点则进行勾选，子节点进行勾选后会联动勾选父节点，这种方法要自己判断比较麻烦。
可以直接修改checkNode的最后一个属性，修改为false，即可达到反显时取消父子联动的效果。
select2
Q：如何获取已选中的值
A：$('#id' option:selected).text()
Q：打印$('#id' option:selected)，发现没有获取的元素
bootstrap
Collapse折叠面板:
单：
必须：
①data-toggle="collapse" ：添加到父组件
②data-target/a标签的href属性：添加到父组件，它的值是子组件的 id
<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
Link with href
</a>
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
Button with data-target
</button>
<div class="collapse" id="collapseExample">
<div class="well">
...
</div>
</div>
多：
必须：
①data-parent ：添加到一级父组件，把折叠面板（accordion）的 id 添加到要展开或折叠的组件的链接上。
②data-toggle="collapse" ：添加到二级父组件
③data-target/a标签的href属性：添加到二级父组件，它的值是子组件的 id
<div class="panel-group" id="accordion" >
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
点击我进行展开，再次点击我进行折叠。第 1 部分
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
Nihil anim keffiyeh helvetica, craft beer labore wes anderson
cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
vice lomo.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
点击我进行展开，再次点击我进行折叠。第 2 部分
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse ">
<div class="panel-body">
Nihil anim keffiyeh helvetica, craft beer labore wes anderson
cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
vice lomo.
</div>
</div>
</div>
</div>
panel-default、panel-heading、panel-title、panel-body
等只会影响样式，不影响功能
主要是添加data-parent、data-toggle="collapse"、data-target及对应的跳转id
