本文说明了jQuery树插件jquery.simpleTree.js的用法，与大家分享一下，供大家参考，如下所示：

在最近写项目的cms系统中，客户要求后台管理可以通过一棵树展示整个帮助文档的结构，通过拖拽实现文章和栏目的排列变化。网上搜了半天，决定用jQuery.simpleTree.js

此树控件支持将节点拖动到新位置。通过提供aftermove函数的覆盖，我们可以在aftermove函数中调用ajax来更改后台的数据库以保存拖动结果

同时，在这个树的节点中有点击事件，每个节点就像一个按钮，比超链接可伸缩性强得多

生成这个树只需要生成一些html元素，比如下面的代码

Li id=' 35 ' span class=' text ' tree Node Ajax 1/span/Lili id=' 36 ' span class=' text ' tree Node Ajax 2/span/Lili id=' 37 ' span class=' text ' tree Node Ajax 3/span ul Li id=' 38 ' span class=' text ' tree Node Ajax 3-1/span ul Li id=' 39 ' span class=' text ' tree Node Ajax 3-1-1/span/Li id=' 40 ' span class=' text ' tree ' Li Li id=' 46 ' span class=' text ' tree Node Ajax 3-3-2/span/Li Li id=' 47 ' span class=' text ' tree Node Ajax 3-3-3/span/Li/ul/Li Li id=' 48 ' span class=' text ' tree Node Ajax 3-4/span/Li Li id=' 49 ' span class=' text ' tree Node Ajax 3-5/span ul Li id=' 50 ' span class=' text ' tree Node Ajax 3-5-1

当然，这是通过静态代码实现的。loadTree.php文件用于在jquery.simpleTree中生成这些html元素，我们可以从数据库中取出数据，以这些html元素的形式打印出来吗？

更多对jQuery感兴趣的读者，请查看本站话题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》。

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