jQuery提供了三种删除节点的方法,即remove(),detach()和empty()。
测试所用HTML代码:
- <ptitle="选择你最喜欢的水果?">你最喜欢的水果是?</p>
- <ul>
- <lititle="苹果">苹果</li>
- <lititle="橘子">橘子</li>
- <lititle="菠萝">菠萝</li>
- </ul>
1、remove()方法
- $("ulli").click(function(){
- alert($(this).html());
- });
- var$li=$("ulli:eq(1)").remove();
- $li.appendTo("ul");
当某个节点用remove()方法删除后,该节点所包含的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用,因此可以在以后再使用这些元素。
2、detach()方法
- var$li=$("ulli:eq(1)").detach();
- $li.appendTo("ul");
detach()和remove()一样,也是从DOM中去掉所有匹配的元素。但需要注意的是,这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据都会保留下来。
3、empty()方法
- var$li=$("ulli:eq(1)").empty();
- $li.appendTo("ul");
严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点。
相关推荐
下面小编就为大家带来一篇浅析jquery数组删除指定元素的方法:grep()。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
浅析JQuery框架及其插件应用,欢迎交流。
浅析jQuery 遍历函数,javascript中的each遍历_.docx
下面小编就为大家带来一篇浅析jQuery事件之on()方法绑定多个选择器,多个事件。小编觉得挺不错的,现在分享给大家。也给大家做个参考
下面小编就为大家带来一篇浅析jquery unbind()方法移除元素绑定的事件。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery 3.0 在6月9日正式发布了,3.0 也被称为...Data 有 1 个对象属性(expando)和类属性(uid),有 6 个方法,如下 下面分别解读 1、Data.uid 这是一个从 1 开始用来自增的数字。 2、expando 由 jQuery.expando 和 uid
主要介绍了浅析jQuery中使用$所引发的问题的相关资料,f非常不错具有参考借鉴价值,需要的朋友可以参考下
JavaScript+Jquery浅析PPT资源
2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用document.getElementById(“checkbox_id”).checked获取的值与是否钩上一至,即与...
浅析动态添加、删除、修改TreeView节点 不需要重新加载treeview就可以完成对treeview的添加、删除、修改操作
jQuery Mobile 包括一个初始化事件,该事件甚至会先于 jQuery 的 document.ready 事件进行加载。jQuery Mobile 实际上在文档对象本身上触发其初始化事件,第一个触发的事件是mobileinit。 当Jquery Mobile开始执行时...
主要介绍了浅析jQuery Ajax请求参数和返回数据的处理的相关资料,需要的朋友可以参考下
本篇文章主要是对jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
主要介绍了jQuery中调用ajax方法时在不同浏览器中遇到的问题,因不同浏览器默认设置的不同造成的问题
本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍,需要的朋友参考下
本文大概分为三步实现jquery ajax通过js封装,通过代码实例讲解,代码附有注释,比较容易理解,具体详情如下所示: 第一步:引入jQuery库 [removed]/resources/js/jquery.min.js">[removed] 第二步:开发Ajax封装...