Html
    Css
    Js

    
                        
ul {
	list-style:none;
	padding-left:20px;
}
.fold-icon {
	font-size:12px;
	color:blue;
	cursor:pointer;
}
.fold-icon i {
	display:inline-block;
	width:0;
	height:0;
	border-left:5px solid #999999;
	border-right:5px solid transparent;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}
.fold-icon em {
	display:inline-block;
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #999999;
	border-bottom:5px solid transparent;
	position:relative;
	top:3px;
}
.fold-icon b {
	display:inline-block;
	width:10px;
}
ul li p {
	display:flex;
	align-items:center;
	color:#333333;
	font-size:14px;
	margin:0;
	line-height:30px;
}
ul li p:hover {
	background-color:#F6F6F6;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

原生jquery实现tree,支持懒加载,父子节点关联多选

更新时间:2022-04-28 00:30:00

0