关于前端:前端技术及动吧项目实战了解

通过下面的标签内元素信息能够得悉上图中的“X”和“勾销”按钮对应的名称都是“btn-cancel”，那么咱们能够在类选择器上注册该事件即可，具体代码如下：
$(function(){
$(".btn-cancel").click(doCancel);
})
//点击zTree中的cancel按钮或右上角的close叉号时，执行此函数
function doCancel(){

$("#menuLayer").css("display","none");

}

btn-confirm ---代表“确定”

$(function(){
$(".btn-cancel").click(doCancel);
$(".btn-confirm").click(doConfirm);
})
//点击zTree中的确定按钮时执行此函数
function doConfirm(){
//1.获取菜单树中选中的菜单对象
let nodes=zTree.getSelectedNodes();//查官网treejs.cn
//console.log(nodes);//输入的目标是检测的菜单在服务端响应的后果是什么
//2.获取选中zTree节点的id和name，并将其值填充到表单上
//2.1借助jQuery中data函数将节点id值存储到某个对象上,其语法为：
//data(key[,value])，如果只指定key示意取值，两个都指定示意存值。
$("#parentId").data("parentId",nodes[0].id);
//2.2借助jQuery中val函数将name值填充到表单中,val函数的具体语法：
//val([value]),当没有value时示意获取值，当有value时示意赋值。
$("#parentId").val(nodes[0].name);
//3.暗藏zTree对象
doCancel();
}