function tree(data){
var str = "<ul class=l_tree>"
for(var i=0i<data.lengthi++){
str+='<li class="l_tree_branch" ><span></span>'+data[i].name
if(data[i].child){
str+=tree(data[i].child)
}
str+="</li>"
}
str += "</ul>"
return str
}
document.querySelector(".lists").innerHTML = tree(data)
var a = document.querySelectorAll(".lists >ul >li")
for(var i=0i<a.lengthi++){
a[i].onclick = function(e){
e.stopPropagation()
console.log(e.target.innerText)
var thatcss = e.target.querySelector("ul").style.visibility
if(thatcss == "hidden"){
e.target.querySelector("ul").style.display = "none"
e.target.querySelector("span").style.background = url(右箭头.png)
}else{
e.target.querySelector("ul").style.display = "block"
e.target.querySelector("span").style.background = url(下箭头.png)
}
}
}
}
压缩与未压缩的区别。
jquery-1.11.1.min.js中的JS代码是已经压缩过的文件代码
而jquery-1.11.1.js是没有经过压缩的。
在开发过程中可以用jquery-1.11.1.js，方便调试。
两者之间也是可以互相转换的，例如：jquery-1.11.1.js通过最小化（去掉不必要的空格和换行）是可以转为jquery-1.11.1.min.js的。
jQuery是一个js框架，封装了js的属性和方法。操作方法如下：
1、首先，要定义出页面对应的dom对象（这个不是必须的，可以在页面加载的时候，动态添加到页面尾部）。
2、定义对应的css样式，样式已添加了对ie6等低版本浏览器的支持。
3、初始化控件，当然第一步所说的动态添加，也在这步所示，代码包括初始化和关闭按钮控件。
4、初步做好了弹出框，添加自适应窗口的优化,包括各浏览器中获取宽高方法。
5、最后弹出框增加鼠标拖动的效果，鼠标变十字后就可拖动了，就完成了。
