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对象转成DOM对象：两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index)
(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。
如：var $v =$("#v") //jQuery对象
var v=$v[0]//DOM对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象
如：var $v=$("#v")//jQuery对象
var v=$v.get(0)//DOM对象
alert(v.checked) //检测这个checkbox是否被选中
二、DOM对象转成jQuery对象:
对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象)
如：var v=document.getElementById("v")//DOM对象
var $v=$(v)//jQuery对象
转换后，就可以任意使用jQuery的方法了。
