jquery.tree.js是一個(gè)用于創(chuàng)建可交互樹形結(jié)構(gòu)的jQuery插件。下面是一個(gè)jquery.tree.js的示例demo。

// 加載jquery.tree.js
<script src="jquery.tree.js"></script>
// 定義數(shù)據(jù)
var data = [
{
"id": "node-1",
"text": "Node 1",
"children": [
{
"id": "node-2",
"text": "Node 2",
"children": [
{
"id": "node-4",
"text": "Node 4"
}
]
},
{
"id": "node-3",
"text": "Node 3"
}
]
}
];
// 渲染樹形結(jié)構(gòu)
$("#tree").tree({
data: data
});

以上代碼中，首先需要加載jquery.tree.js文件，然后定義數(shù)據(jù)data，最后通過$("#tree").tree({})調(diào)用插件進(jìn)行渲染。

在瀏覽器中查看demo，可以看到一個(gè)包含節(jié)點(diǎn)和子節(jié)點(diǎn)的樹形結(jié)構(gòu)，用戶可以通過點(diǎn)擊節(jié)點(diǎn)展開或關(guān)閉其子節(jié)點(diǎn)，并在需要時(shí)選中節(jié)點(diǎn)或多個(gè)節(jié)點(diǎn)。

總體來說，jquery.tree.js是一個(gè)非常實(shí)用且易于使用的jQuery插件，可以大大簡(jiǎn)化開發(fā)者創(chuàng)建樹形結(jié)構(gòu)的工作。