你好,欢迎访问我的博客!登录 评论排行榜 领券购物 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - JS/JQ - 正文 代码,改变世界!

jQuery删除指定的元素detach()

2018-02-04JS/JQ墨初694°c
A+ A-

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

jQuery中的detach()方法

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

语法

$(selector).detach()

举个栗子

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

利用JQ移除指定的元素

HTML代码

<p>这里是P标签内容</p>
<p>这里是第二个P标签的内容</p>
<button id='button'>点我测试</button>

jQ代码

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

测试结果

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

detach()删除元素节点

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

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

代码事例

HTML代码

<p>这里是P标签内容</p>
<p>这里是第二个P标签的内容</p>
<button id='button'>点我测试</button>

JQ代码

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

运行代码后:

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

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

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

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

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

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
jQuery删除指定的元素detach()

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>


  用户登录