由于其擁有龐大，實(shí)用的插件庫(kù)，使得jQuery變得越來(lái)越流行。今天將介紹一些最好的jQuery樹(shù)形視圖插件，具有擴(kuò)展和可折疊的樹(shù)視圖。這些都是輕量級(jí)的，靈活的jQuery插件，它將一個(gè)無(wú)序列表轉(zhuǎn)換為可展開(kāi)和折疊的樹(shù)。

　　Treeview – Expandable and Collapsible Tree jQuery Plugin

　　jQuery Treeview是一個(gè)輕巧和靈活的jQuery插件。它將一個(gè)無(wú)序列表轉(zhuǎn)換成一個(gè)可擴(kuò)展和可折疊的樹(shù)，非常適合導(dǎo)航增強(qiáng)。

　　示例

　　jsTree – jQuery Tree Plugin

　　jsTree 是一個(gè)基于Javascript，支持多瀏覽器的Tree view jQuery插件。

　　示例

　　Fancytree – jQuery Tree View Plugin

　　Fancytree是一個(gè) JavaScript 動(dòng)態(tài)樹(shù)形jQuery插件，支持持久化，鍵盤(pán)操作，復(fù)選框，表格，拖放，以及延遲加載。

　　示例

　　Dynatree – jQuery Tree View Plugin

　　Dynatree是一個(gè)jQuery Tree View 插件能夠用于使用JavaScript動(dòng)態(tài)創(chuàng)建html樹(shù)形控件。

　　示例

　　jqTree – Customizable jQuery Tree Plugin

　　jqTree 是一個(gè)可定制的jQuery樹(shù)插件，支持樹(shù)節(jié)點(diǎn)的拖放。

　　示例

　　Nestable – jQuery Plugin

　　Nestable是一個(gè)jQuery的樹(shù)視圖插件使用拖放功能來(lái)重新排列順序。能夠很好得支持觸摸屏。

　　示例

　　aciTree : A treeview jQuery Plugin

　　aciTree是一個(gè)可定制，跨瀏覽器的樹(shù)狀視圖jQuery插件。它提供了用于控制元素級(jí)別的API，內(nèi)置使用AJAX功能來(lái)加載整個(gè)樹(shù)。

　　示例

　　zTree : jQuery Tree Plugin

　　zTree是一個(gè)強(qiáng)大的樹(shù)視圖jQuery插件。 zTree的主要優(yōu)點(diǎn)包括出色的性能，靈活的配置和多種功能的組合。

　　示例

以上就是8個(gè)炫酷的jQuery樹(shù)形視圖插件以及示例了，非常的有用，需要的小伙伴直接拿走吧

您可能感興趣的文章:

相關(guān)文章

jQuery拖動(dòng)布局其結(jié)果保存到數(shù)據(jù)庫(kù)
這篇文章介紹了jQuery實(shí)現(xiàn)拖動(dòng)布局并將排序結(jié)果保存到數(shù)據(jù)庫(kù)的實(shí)現(xiàn)方法，感興趣的朋友可以參考一下
2015-10-10
DIY jquery plugin - tabs標(biāo)簽切換實(shí)現(xiàn)代碼
接觸jquery 2,3個(gè)月了，一直都未動(dòng)手寫(xiě)過(guò)插件。正好最近比較閑，就打算把一直看不順眼的項(xiàng)目中現(xiàn)有的tab改造一番（現(xiàn)有的tab未能做成一個(gè)控件，copy,past的代碼太多）。
2010-12-12
將jQuery應(yīng)用于login頁(yè)面的問(wèn)題及解決
Login頁(yè)面應(yīng)該是迅速和簡(jiǎn)潔的，于是如果可以不產(chǎn)生回送，則不產(chǎn)生回送是最好的。
2009-10-10
jquery顯示和隱藏div特效實(shí)例
jquery顯示和隱藏div特效的實(shí)例代碼，需要的朋友可以參考一下
2013-02-02
jQuery、layer實(shí)現(xiàn)彈出層的打開(kāi)、關(guān)閉功能
這篇文章主要介紹了jQuery、layer實(shí)現(xiàn)彈出層的打開(kāi)、關(guān)閉功能,需要的朋友可以參考下
2017-06-06
jQuery實(shí)現(xiàn)定時(shí)隱藏對(duì)話框的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)定時(shí)隱藏對(duì)話框的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery定時(shí)隱藏對(duì)話框的相關(guān)函數(shù)、實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下
2018-02-02
jQuery 對(duì)象中的類(lèi)數(shù)組操作
我們都知道jQUery對(duì)象中有一個(gè)類(lèi)數(shù)組的元素包裝集，該集合類(lèi)似js中的數(shù)組一樣擁有l(wèi)ength屬性，因此我們稱(chēng)此為類(lèi)數(shù)組，下面我們就來(lái)總結(jié)下這個(gè)jQuery對(duì)象中的類(lèi)數(shù)組時(shí)如何進(jìn)行操作的
2009-04-04
基于jquery的用dl模擬實(shí)現(xiàn)可自定義樣式的SELECT下拉列表(已封裝)
通過(guò)dl模擬實(shí)現(xiàn)SELECT下拉列表. 其實(shí)這是項(xiàng)目中要常用到的一個(gè)效果, 于是, 在之前寫(xiě)的基礎(chǔ)上封裝成了一個(gè)插件. 可自定義樣式, 可防止用戶(hù)本意劃過(guò)時(shí)觸發(fā)事件.
2010-11-11
MVC+jQuery.Ajax異步實(shí)現(xiàn)增刪改查和分頁(yè)
這篇文章主要為大家詳細(xì)介紹了MVC結(jié)合jQuery.Ajax異步實(shí)現(xiàn)增刪改查和分頁(yè)的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-05-05
jQuery實(shí)現(xiàn)獲取form表單內(nèi)容及綁定數(shù)據(jù)到form表單操作分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)獲取form表單內(nèi)容及綁定數(shù)據(jù)到form表單操作,結(jié)合jQuery封裝插件操作分析了jQuery針對(duì)form表單的serializeJson數(shù)據(jù)獲取及setForm數(shù)據(jù)綁定相關(guān)操作技巧,需要的朋友可以參考下
2018-07-07