jQuery删除指定的元素detach() 您所在的位置:网站首页 jquery删除 jQuery删除指定的元素detach()

jQuery删除指定的元素detach()

#jQuery删除指定的元素detach()| 来源: 网络整理| 查看: 265

jQuery删除指定的元素detach() 2018-02-04墨初前端设计3740 - N +

利用jQuery我们可以从HTML DOM对象中删除指定的一个元素,或是匹配到的所有元素,今天无事就写写这方面的东西。利用jQuery中的detach()方法可以删除指定或匹配到的元素!

jQuery中的detach()方法

detach:可以删除一个指定或是匹配到的一个元素,但是要注意的事被删除的元素会在jQuery中保留,连绑定的事件也会被保留下来

语法

$(selector).detach()

举个栗子

利用jQuery的detach()方法移除指定标签

利用JQ移除指定的元素

HTML代码

这里是P标签内容

这里是第二个P标签的内容

点我测试

jQ代码

$('#button').click(function(){ $('p').detach(); })

测试结果

审核元素我们查看DOM树,如下图所法

detach()删除元素节点

JQ的detach删除元素后检查绑定的事件

remove()方法与detach()方法的区别

代码事例

HTML代码

这里是P标签内容

这里是第二个P标签的内容

点我测试

JQ代码

$('#button').click(function(){     var p = $('p:first').detach();     p.css('color','red').text('这是移除过的标签');     $('body').append(p); })

运行代码后:

remove()方法与detach()方法的区别

通过这个例子,我们发现,利用detach()方法删除的元素,在JQuery的DOM中还会存在,并且他的绑定的事件还在

利用remove()方法删除的元素,事件的绑定对象也会被删除!

注意:本演示代码默认调用jQuery文件!

如果你喜欢本站可以长期关注也或者打赏我哦!码字不容易,转载此文留个链接

标签:JqueryJquery教程

本文来源:飞鸟慕鱼博客

本文地址:https://www.feiniaomy.com/post/133.html

站长有话:不要再私聊我了,本站用的阿里云ESC

版权声明:如无本站书面授权,请勿转载本篇文章!!



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有