jquery树插件,html5树组件

jquery 有没有类似于select tree的插件

Tree-Multiselect 可以用树形视图代替 select 元素，它可以实现复杂的嵌套选择。

相关问答

Q1: zTree 如何跟 jquery取得的数据生成树

zTree的jquery树插件就可以生成树了。

1、setting 配置信息说明

普通使用，无必须设置的参数

与显示相关的内容请参考 API 文档中 setting.view 内的配置信息

name、children、title 等属性定义更改请参考 API 文档中 setting.data.key 内的配置信息

2、treeNode 节点数据说明

标准的 JSON 数据需要嵌套表示节点的父子包含关系

例如：

var nodes = [

{name: "父节点1", children: [

{name: "子节点1"},

{name: "子节点2"}

]}

];

默认展开的节点，请设置 treeNode.open 属性

无子节点的父节点，请设置 treeNode.isParent 属性

其他属性说明请参考 API 文档中 "treeNode 节点数据详解"

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。

zTree 是开源免费的软件（MIT 许可证）。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去，可以进行捐助。

Q2: jquery树插件ztree怎么给节点增加一个背景色。

div id="Tree"li 你自己的标签//div

$(function(){

$("#Tree").css("background","####")

})

Q3: 什么是jquery插件?有什么用?

jquery 插件就是一些人用jquery写的一些工具，常见的是jquery UI和jquery easyui,我们在调用时只需要用很少的代码就能实现很好的效果。

如easyui的datagrid、combobox、tree等可以实现表格、下拉框、树等形状及需要的操作。

附：easyui官网

可以在网站里面下载demo、观看一些特效、下载插件js等。

jQuery插件开发全解析 jQuery插件的开发包括两种：

一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery 的全局函数就是属于jQuery命名空间的函数。

另一种是对象级别的插件开发，即给jQuery对象添加方法。

Q4: jquery树形表格treetable插件怎么用

jquery树形表格treetable插件使用方法步骤：

第一步：

1.上官网下载。

2.插件引用，当下载的时候，会有很多个文件，但是根据api来看，如果只想做简单的效果，js除了引用juquery外，只需要引用jquery.treetable.js插件，如果想让它有默认的外观样式还需要引入它们的jquery.treetable.css和jquery.treetable.theme.default.css

第二步：建立table格式

table id="example-advanced"

tr data-tt-id="1"

td大家电/td

/tr

tr data-tt-id="2" data-tt-parent-id="1"

td---电视/td

/tr

tr data-tt-id="3" data-tt-parent-id="1"

td---洗衣机/td

/tr

tr data-tt-id="4" data-tt-parent-id="1"

td---冰箱/td

/tr

/table

第三步：引入JS

/* 初始化数据 */

$("#example-advanced").treetable({ expandable: true });/* 高亮显示 */$("#example-advanced tbody").on("mousedown", "tr", function() {

$(".selected").not(this).removeClass("selected");

$(this).toggleClass("selected");

});/* 点击展开关闭 */a href="#" class="btn btn-blue" onclick="jQuery('#example-advanced').treetable('expandAll'); return false;"展开/a

a href="#" class="btn btn-blue" onclick="jQuery('#example-advanced').treetable('collapseAll'); return false;"关闭l/a

Q5: 求jquery版的多选树形下拉框的插件(Multiple ComboTree)？

第一步，创建静态页面select.html，引入select2相关的css和js文件，并引入jQuery核心js，如下图所示：

第二步，在body标签内插入select元素，设置属性multiple和class，宽度为300px，如下图所示：

第三步，初始化select2插件，需要调用select2()方法，如下图所示：

第四步，为了演示获取下拉框值，这里利用button按钮点击事件，在select下方插入一个button按钮，如下图所示：

5

第五步，编写按钮点击事件，事件里获取多选下拉框值和文本内容，如下图所示：

6

第六步，在浏览器中进行预览，点击“取值”按钮，会看到打印下拉框选择的值和文字，如下图所示：