下面的代码：

1，其中的

var rendered = Mustache.render(deptListTemplate, {deptList: result.data});

这行代码就能准确的渲染树的所有第一层吗？这个原理是什么呢？或者说如何实现的呢？

2，对于子部门的渲染：

var rendered = Mustache.render(deptListTemplate, {deptList: dept.deptList});
$("#dept_" + dept.id).append(rendered);

这里的append是加到元素上去，是将样式加到这个元素上吗？

3，我自己对于前端这些内容不是很懂，准确的说是Mustache渲染过程不是很懂，麻烦老师耐心讲解一下，感激不尽。

function loadDeptTree() {
    $.ajax({
        url: "/sys/dept/tree.json",
        success: function (result) {
            if (result.ret) {
                deptList = result.data;
                var rendered = Mustache.render(deptListTemplate, {deptList: result.data});
                console.log(deptList);
                $("#deptList").html(rendered);
                recursiveRenderDept(deptList);
            } else {
                showMessage("加载部门列表", result.msg, false);
            }
        }
    });

}

//递归渲染部门树
function recursiveRenderDept(deptList) {
    if (deptList && deptList.length > 0) {
        $(deptList).each(function (i, dept) {
            deptMap[dept.id] = dept;
            if (dept.deptList.length > 0) {
                var rendered = Mustache.render(deptListTemplate, {deptList: dept.deptList});
                $("#dept_" + dept.id).append(rendered);
                recursiveRenderDept(dept.deptList);
            }
        });
    }

}