下面的代码。大家可以研究下，对于jquery的学习还是非常有好处的。锋利的jquery中的一句话代码，实现的菜单运行后，需要刷新下(因为是调用的外地jquery) 1-5-1 #menu { width:300px; } .has_children{ background : #555; color :#fff; cursor:pointer; } .highlight{ color : #fff; background : green; } div{ padding:0; } div a{ background : #888; display : none; float:left; width:300px; } 第1章-认识jQuery 1.1-JavaScript和JavaScript库 1.2-加入jQuery 1.3-编写简单jQuery代码 1.4-jQuery对象和DOM对象 1.5-解决jQuery和其它库的冲突 1.6-jQuery开发工具和插件 1.7-小结 第2章-jQuery选择器 2.1-jQuery选择器是什么 2.2-jQuery选择器的优势 2.3-jQuery选择器 2.4-应用jQuery改写示例 2.5-选择器中的一些注意事项 2.6-案例研究——类似淘宝网品牌列表的效果 2.7-还有其它选择器么？ 2.8-小结 第3章-jQuery中的DOM操作 3.1-DOM操作的分类 3.2-jQuery中的DOM操作 3.3-案例研究——某网站超链接和图片提示效果 3.4-小结 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]运行后，需要刷新下(因为是调用的外地jquery) li{ text-indent: 10px; margin-left: -20px; padding-top: 0px; list-style: none; } .oline{ background-image: url(treeview-default-line.gif); background-position: 7px 18px; background-repeat: no-repeat; } .lline{ background-image: url(L.gif); background-position: 7px 18px; background-repeat: no-repeat; } .expand{ background-image: url(minus.gif); background-repeat: no-repeat; background-position: left; } .colpse{ background-image: url(plus.gif); background-repeat: no-repeat; background-position: left; } label{ padding-left: 15px; padding-top: -5px; } .leaf{ background-image: url(L.gif); background-repeat: no-repeat; background-position: left; } input{ border: 1px solid #CCC; } A A-1 A-1-1 A-1-1-1 A-1-1-1-1 A-1-1 A-1-1-1 A-1-1-1-1 A-1-1 A-1-1-1 A-1-1-1-1 B-1 B-1-1 B-1-1-1 B-1-1-1-1 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　DOM 脚本编程中的兄弟节点

除IE外的浏览器是将换行符作为内容的文本节点(nodeType为3)。而元素的话，nodeType为1。下面是查找它们的实用方法： 复制代码 代码如下: lastSibling:function(node){ var tempObj = node.parentNode.lastChild; w>>>详细阅读

本文标题：jquery tree 可编辑节点实现代码(jquery一句话节点菜单)

地址：http://www.17bianji.com/kaifa2/JS/27788.html

 1/2    1