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的。
1、查找(创建)jQuery对象：$("selector")2、调用jQuery对象的方法完成我们需要完成的工作：$("selector").doOurWork()好了，jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的。这两个步骤是jQuery的编码逻辑核心！
要实现这种简洁编码方式，创建jQuery对象这一环节至关重要。因此，jQuery的dom元素查找能力相当强悍。此外，jQuery对象的方法肯定是有限的，有限的方法满足不了日益增长各有所需的要求，所以，必须提供jQuery对象方法的扩展能力。
强悍的dom元素查找能力，以及随心所欲的方法扩展，这两点正是jQuery的核心所在！来一个简单的示例，来说明jQuery是如何工作的：
<!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0
Transitional//EN”””>baidu
$(function(){
$(“a“).click(function(e){//1)查找$(”a”)2)jQuery对象事件click3)jQuery对象方法hide$(this).hide(“slow“)
returnfalse
})
})
