jQuery LigerUI Tree 是一款基于 jQuery 的樹形控件插件，可在頁面中快速創建交互友好的樹形菜單、樹形列表和樹形結構圖等功能組件。jQuery LigerUI Tree 組件提供豐富的配置選項和接口，具有良好的擴展性和自定義性。

使用 jQuery LigerUI Tree 插件，需要先引入相應的 js 和 css 文件。以下是使用 jQuery LigerUI Tree 插件創建一個基本的樹形菜單的示例代碼：

<link rel="stylesheet" href="css/ligerui-all.css" type="text/css" />
 <script src="js/jquery-1.9.0.min.js" type="text/javascript"></script>
 <script src="js/ligerui.all.min.l.js" type="text/javascript"></script>
<div id="tree1"></div>
<script type="text/javascript">
$(function () {
$("#tree1").ligerTree({
data: [
{
text: '根節點', children: [
{ text: '子節點1' },
{ text: '子節點2' }
]
}
]
});
});
 </script>

以上代碼中，首先引入了 LigerUI Tree 插件的相關文件，包括 css 文件和 js 文件。然后在頁面中設置一個具有唯一標識 ID 的 div 容器元素，用于展示樹形菜單。接著，在 script 標簽中，調用 jQuery 的 ligerTree 方法來創建樹形菜單。其中，data 屬性用于設置樹形菜單的數據源，text 屬性用于設置節點的文本內容，children 屬性用于設置節點的子節點。

除了基本的配置選項，jQuery LigerUI Tree 還提供了豐富的事件和方法接口，可用于自定義和擴展樹形菜單的交互和功能。例如，可以使用 onNodeSelect 事件來控制節點的選中和取消選中操作，或者使用 addNode 方法來動態添加節點到樹形菜單中。

總之，jQuery LigerUI Tree 是一款十分實用且易用的樹形控件插件，可幫助開發者快速實現樹形菜單等功能組件，提升用戶交互體驗和頁面功能的可擴展性。