小程序正规价格表_jQuery插件zTree完成单独选中根节点中第一个节点示例

  • 栏目:行业动态 时间:2021-01-12 13:19 分享新闻到:
<返回列表

jQuery插件zTree实现单独选中根节点中第一个节点示例       这篇文章主要介绍了jQuery插件zTree实现单独选中根节点中第一个节点的方法,结合实例形式分析了jQuery树形插件zTree的具体使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery插件zTree实现单独选中根节点中第一个节点的方法。分享给大家供大家参考,具体如下:

1、实现代码:

 !DOCTYPE html 
 html 
 head 
 title zTree实现基本树 /title 
 meta http-equiv="content-type" content="text/html; charset=UTF-8" 
 link rel="stylesheet" type="text/css" href="zTree_v3/css/demo.css" rel="external nofollow" 
 link rel="stylesheet" type="text/css" href="zTree_v3/css/zTreeStyle/zTreeStyle.css" rel="external nofollow" 
 script type="text/javascript" src="zTree_v3/js/jquery-1.4.4.min.js" /script 
 script type="text/javascript" src="zTree_v3/js/jquery.ztree.core.min.js" /script 
 script type="text/javascript" 
 var setting = {
 data: {
 simpleData: {
 enable: true
 var zNodes =[
 { id:1, pId:0, name:"湖北省", open:true},
 { id:11, pId:1, name:"武汉市", open:true},
 { id:111, pId:11, name:"汉口"},
 { id:112, pId:11, name:"汉阳"},
 { id:113, pId:11, name:"武昌"},
 { id:12, pId:1, name:"黄石市"},
 { id:121, pId:12, name:"黄石港区"},
 { id:122, pId:12, name:"西塞山区"},
 { id:123, pId:12, name:"下陆区"},
 { id:124, pId:12, name:"铁山区"},
 { id:13, pId:1, name:"黄冈市"},
 { id:131, pId:13, name:"黄州区"},
 { id:132, pId:13, name:"麻城市"},
 { id:133, pId:13, name:"武穴市"},
 { id:134, pId:13, name:"团风县"},
 { id:135, pId:13, name:"浠水县"},
 { id:136, pId:13, name:"罗田县"},
 { id:137, pId:13, name:"英山县"},
 { id:2, pId:0, name:"湖南省", open:true},
 { id:21, pId:2, name:"长沙市", open:true},
 { id:211, pId:21, name:"芙蓉区"},
 { id:212, pId:21, name:"天心区"},
 { id:213, pId:21, name:"岳麓区"},
 { id:214, pId:21, name:"开福区"},
 { id:22, pId:2, name:"株洲市"},
 { id:221, pId:22, name:"天元区"},
 { id:222, pId:22, name:"荷塘区"},
 { id:223, pId:22, name:"芦淞区"},
 { id:224, pId:22, name:"石峰区"}
 $(document).ready(function(){
 $.fn.zTree.init($("#baseTree"), setting, zNodes);
 * 单独选中根节点中第一个节点
 function selectNodes()
 var treeObj = $.fn.zTree.getZTreeObj("baseTree");
 //获取节点
 var nodes = treeObj.getNodes();
 if (nodes.length 0)
 var node = treeObj.selectNode(nodes[0]);
 alert(node);
 //-- 
 /script 
 /head 
 body 
 div 
 div 
 ul id="baseTree" /ul 
 input type="button" id="btn" value="单独选中根节点中第一个节点"/ 
 /div 
 /div 
 /body 
 /html 

2、实现效果图:

3、源码说明

单独选中根节点中第一个节点

var node = treeObj.selectNode(nodes[0]);

附:zTree_v3插件点击此处。

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《》

希望本文所述对大家jQuery程序设计有所帮助。


分享新闻到:

更多阅读

小程序正规价格表_jQuery插件zTree完成单独

行业动态 2021-01-12
jQuery软件zTree完成独立选定根连接点中第一个连接点实例 本文关键详细介绍了jQuery软件...
查看全文

营销型小程序定制_ES6学习教程之模板字符

行业动态 2021-01-12
ES6学习培训实例教程之模版标识符串详细说明 大伙儿都了解在ES6中引入的一种新式的标...
查看全文

广州凡科互联网科技股份有限公司招聘(

行业动态 2021-01-11
招聘人数:17职位信息1、年荣登中国企业500强,大平台;(在职业教育培训行业排名前列,好...
查看全文
返回全部新闻


区域站点: 南丰县手机网页设计   南宫市网页制作软件dw   囊谦县在线网页制作   南和县在线网页设计工具   南华县手机网页设计   南江县网页制作软件dw   南京市在线网页制作   南靖县在线网页设计工具   南康市手机网页设计   南乐县网页制作软件dw   南陵县在线网页制作   南宁市在线网页设计工具   南平市手机网页设计   南皮县网页制作软件dw   南市区在线网页制作   南通市在线网页设计工具   南投县手机网页设计   南雄市网页制作软件dw   南溪县在线网页制作   南阳市在线网页设计工具   南漳县手机网页设计   南召县网页制作软件dw   南郑县在线网页制作   那坡县在线网页设计工具   那曲县手机网页设计   纳雍县网页制作软件dw   讷河市在线网页制作   内黄县在线网页设计工具   内江市手机网页设计   内丘县网页制作软件dw   内乡县在线网页制作   嫩江市在线网页设计工具   聂荣县手机网页设计   尼玛县网页制作软件dw   尼木县在线网页制作   宁安市在线网页设计工具   宁波市手机网页设计   宁城县网页制作软件dw   宁德市在线网页制作   宁都县在线网页设计工具   宁国市手机网页设计   宁海县网页制作软件dw   宁化县在线网页制作   宁晋县在线网页设计工具   宁陵县手机网页设计   宁明县网页制作软件dw   宁南县在线网页制作   宁强县在线网页设计工具   宁陕县手机网页设计   宁武县网页制作软件dw   宁乡市在线网页制作   宁阳县在线网页设计工具   宁远县手机网页设计   农安县网页制作软件dw   磐安县在线网页制作   盘锦市在线网页设计工具   盘山县手机网页设计   磐石市网页制作软件dw   盘州市在线网页制作   蓬安县在线网页设计工具   澎湖县手机网页设计   蓬莱市网页制作软件dw   彭山县在线网页制作   蓬溪县在线网页设计工具   彭阳县手机网页设计   彭泽县网页制作软件dw   彭州市在线网页制作   偏关县在线网页设计工具   平安县手机网页设计   平昌县网页制作软件dw   平定县在线网页制作   屏东县在线网页设计工具   平度市手机网页设计   平果县网页制作软件dw   平和县在线网页制作   平湖市在线网页设计工具   平江县手机网页设计   平乐县网页制作软件dw   平凉市在线网页制作   平利县在线网页设计工具   平罗县手机网页设计   平陆县网页制作软件dw   屏南县在线网页制作   平泉市在线网页设计工具   屏山县手机网页设计   平顺县网页制作软件dw   平塘县在线网页制作   平潭县在线网页设计工具   平武县手机网页设计   萍乡市网页制作软件dw   平乡县在线网页制作   平阳县在线网页设计工具   平遥县手机网页设计   平阴县网页制作软件dw   平邑县在线网页制作   平远县在线网页设计工具   平舆县手机网页设计   皮山县网页制作软件dw   普安县在线网页制作   浦北县在线网页设计工具   浦城县手机网页设计   普洱市网页制作软件dw   普格县在线网页制作   浦江县在线网页设计工具   普兰县手机网页设计   普宁市网页制作软件dw   莆田市在线网页制作   迁安市在线网页设计工具   乾安县手机网页设计   潜江市网页制作软件dw   潜山市在线网页制作  

友情链接: 建站快车登陆 国外建站网站 h5建站 网站建立 手机版

Copyright © 2002-2020 在线网页制作_在线网页设计工具_手机网页设计_网页制作软件dw_网页特效 版权所有 (网站地图) 备案号:粤ICP备10235580号