jQuery提供了三种删除节点的方法,即remove(),detach()和empty()。
测试所用HTML代码:
- <p title="选择你最喜欢的水果?">你最喜欢的水果是?</p>
- <ul>
- <li title="苹果">苹果</li>
- <li title="橘子">橘子</li>
- <li title="菠萝">菠萝</li>
- </ul>
1、remove()方法
- $("ul li").click(function(){
- alert($(this).html());
- });
- var $li = $("ul li:eq(1)").remove();
- $li.appendTo("ul");
当某个节点用remove()方法删除后,该节点及所包含的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用,因此可以在以后再使用这些元素。
2、detach()方法
- var $li = $("ul li:eq(1)").detach();
- $li.appendTo("ul");
detach()和remove()一样,也是从DOM中去掉所有匹配的元素。但需要注意的是,这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据都会保留下来。
3、empty()方法
- var $li = $("ul li:eq(1)").empty();
- $li.appendTo("ul");
严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点。
相关推荐
jquery节点删除子节点方法应用
jquery 树 单选 复选 删除节点 添加节点 移动节点 json数据格式 demo
jQuery+Asp.net 操作XML文件添加、编辑、删除节点源码例子
jQuery获取Select选择的Text和Value: 代码如下: var checkText=jQuery(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text var checkValue=jQuery(“#select_id”).val(); //获取Select选择...
jQuery提供了三种删除节点的方法,即remove(),detach()和empty()。 测试所用HTML代码: 代码如下: ”选择你最喜欢的水果?”>你最喜欢的水果是?</p> <ul> ”苹果”>苹果</li> ”橘子”>橘子</li> ”菠萝”>菠萝...
通常我们会遇到选中某个条件...Jquery动态添加及删除页面节点</title> [removed][removed]<!–引用jqurey库文件–> <style> .container{ width:1000px; margin:0 auto;} .top{ height:25px; line-heigh
下面一段代码给大家介绍了jquery删除节点元素的方法,具体代码如下所示; //state用来判断获取内容的状态,单击一次获取文本内容,第二次单击删除内容 var state = 0; function getfilecontent(btn){ //这边用来判断...
主要介绍了jQuery实现删除li节点的方法的相关资料,需要的朋友可以参考下
主要介绍了jQuery插件zTree实现删除树节点的方法,结合实例形式分析了jQuery树插件zTree针对节点的遍历与删除操作相关技巧,需要的朋友可以参考下
纯js的树形菜单(添加删除节点)动态添加父节点子节点。jquery实现
1. 第一个 jQuery 程序 ...15. 删除及清空节点 16. 重写 JS 实验之员工管理 17. 克隆和替换节点 18. 包裹节点 19. html() 方法 & val() 方法 20. 小结2 21. CSS DOM 操作 22. 事件处理 23. 动画 24. 实验:品牌展示
代码如下: <...jQuery插入,复制、替换和删除节点</title> [removed][removed] [removed] $(document).ready(function(){ //几种添加节点的方法 //$(“p”).append(“你好吗?”);//向p元素中追加
//该方法会删除当前节点下的所有子节点,请注意当前节点不会 被删除 $().remove(); //该方法会删除当前节点下的所有子节点,请注意 当前节点会 被删除 $().append(‘<a>something’) //该方法在当前节点的末尾 ...
NULL 博文链接:https://wangrusheng5200.iteye.com/blog/539397
主要介绍了jQuery插件zTree实现删除树子节点的方法,结合实例形式分析了jQuery树形插件zTree针对节点的遍历与删除操作相关技巧,需要的朋友可以参考下
这是一款基于jQuery的垂直动态列表插件,在这款插件中,我们可以展开和收拢列表,同时可以动态添加和删除节点,可应用的地方还是蛮多的。唯一的缺点是缺少多级展开的功能,大家有兴趣也可以自行扩展这个jQuery列表...
主要介绍了JQuery常见节点操作,结合实例形式分析了jQuery针对元素节点的添加、删除常见操作函数使用技巧与相关注意事项,需要的朋友可以参考下